Question

我希望在 react-hook-form 中实现错误消息，我注意到一些非常奇怪的行为，我似乎无法修复它们。例如：在任何字段中，如果我未能满足规定的条件，则会弹出错误消息（这是正确的）。但是，如果我删除输入，只会出现错误图标而不会显示消息。

此外，我无法根据输入框对齐错误消息。我已经使用保证金来做到这一点，但它没有响应。

我创建了一个沙箱，非常感谢您的帮助：https://codesandbox.io/s/elated-glitter-s406b?file=/src/App.jsx

Answer 1

您只为 minLength 验证器提供了错误消息。但是，如果您完全清空您的输入，required 验证器将启动。要么将其删除，要么像您对 message 输入所做的那样提供消息

{...register("message", {
   required: "Message is Required", <- set a message instead of just true
   minLength: {
     value: 3,
     message: "Please enter your message"
   }
})}

为反应钩子形式实现错误时遇到麻烦

1 个答案: