Обновите состояние формы в response-final-form

Question

Я хочу установить недопустимое состояние формы на основе моего пользовательского условия.Мне нужно отключить кнопку отправки на ее основе.

Я отсканировал документы по окончательной форме, но не смог найти метод для этого.Есть ли способ сделать это

Answer 1

Я бы посмотрел на любой из примеров "синхронной проверки".

Вы можете отключить (выделено серым)нажмите кнопку отправки, выполнив:

<Form onSubmit={onSubmit}>
  {({ handleSubmit, invalid }) => (
    <form onSubmit={handleSubmit}>
      ...fields here...
      <button type="submit" disabled={invalid}>Submit</button>
    </form>
  )}
</Form>

Но я бы рекомендовал против этого, поскольку попытка отправить недействительную форму пометит все поля как touched, что является отличным способом показать только ошибкикогда пользователь попытался отправить форму.

Если форма имеет ошибки проверки, отправка будет заблокирована с помощью окончательной формы ответа.

Надеюсь, это поможет!