Как не показывать ошибки, когда входное значение установлено в React?

Question

Я использую форму response-hook, и у меня есть две разные формы на одной странице. Я хочу скрыть все сообщения об ошибках в обеих формах, когда я отправляю хотя бы одну из форм, например, в 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 = "";
};