Отображать предупреждение, если в форме есть ошибки при отправке в реакции-окончательной форме

Question

Я использую react-final-form, и я хотел бы показать предупреждение, если пользователь пытается отправить форму с ошибками. Но я не знаю, как это сделать. Я сделал функцию для формы onSubmit следующим образом:

onSubmit={event => {
  event.preventDefault();
  //How to check if the form has any validation  errors?
  if () {
    alert("Errors");
  } else {
    handleSubmit();
  }
}}

Как я могу проверить это, если есть какие-либо ошибки проверки? Вот мои коды и коробка .

Answer 1

Есть много возможных способов сделать это. Вот один из них:

<form
  onSubmit={event => {
    if (invalid) {
      alert(JSON.stringify(errors, undefined, 2));
    }
    handleSubmit(event);
  }}
>
  ...fields
</form>

Answer 2

Вы можете сделать это в методе onSubmit, проверяя каждую проверку значений формы.

Вместо этого используйте validate prop, который упоминается в документе:

validate?: (value: ?any, allValues: Object, meta: ?FieldState) => ?any

Это позволит вам определить правилана отдельных полях и проверьте значение перед отправкой вызова.

Я надеюсь, что это поможет вам.