在 React 中设置输入值时如何不显示错误？

Question

我用的是react-hook-form，一页有两种不同的形式。当我提交至少一种表单时，我想隐藏两种形式的所有错误消息，例如 demo 我想在提交电子邮件表单时隐藏所有错误消息，反之亦然，但事实并非如此工作，有什么帮助吗？

Answer 1

要隐藏错误，您需要将它们设置为空字符串。

如果您想在提交任一表单时清除所有错误，请在 onSubmit 函数中将错误设置为空字符串：

const onSubmitEmail = data => {
  setInput({
    fname: "Bill",
    age: 10,
    email: "bjames@gmail.com"
  });

  // This will hide the error for First Name field
  errors.fname = "";
};