reactjs - 麻烦样式化反应钩子形式

Question

我已经在 react-hook 表单中为我的表单验证实现了一条错误消息。但是，我目前面临两个小问题：

1. 如何确保错误消息始终与输入字段的左侧对齐？（响应）
2. 出现错误消息时如何防止输入字段调整大小？（在沙箱中似乎没有这样做，但在我的浏览器中似乎这样做了）

这是我的沙箱的链接：https ://codesandbox.io/s/fragrant-microservice-n251z?file=/src/App.js

谢谢！

标签： reactjsvalidationerror-handlingreact-hook-form