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

时间:2020-02-24 22:26:51

标签: javascript reactjs react-hooks react-hook-form

我正在使用react-hook-form,并且我在一页中有两种不同的形式。我想在提交demo中的至少一种表单时隐藏两种表单中的所有错误消息,例如,我想在提交电子邮件表单时对所有错误消息进行隐藏,反之亦然。工作,请帮忙吗?

1 个答案:

答案 0 :(得分: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 = "";
};