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

Question

我使用的是react hook表单，在一个页面中有两个不同的表单。当我提交至少一个表单时，我想隐藏两个表单中的所有错误消息，例如在演示中，我想在提交电子邮件表单时隐藏所有错误消息或反之亦然，但它不起作用，请提供任何帮助？

Answer 1

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

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

const onSubmitEmail = data => {
setInput({
fname: "Bill",
age: 10,
email: "[e-mail]"
});
// This will hide the error for First Name field
errors.fname = "";
};