Как добавить поле после первоначальной отправки с использованием response-final-form - PullRequest
0 голосов
/ 26 марта 2019

Я пытаюсь выяснить, как лучше добавить форму к окончательной реакции, чтобы показывать дополнительный ввод только после того, как форма не прошла отправку.Для контекста это форма входа в систему, которая, если имя пользователя и пароль неверны, будет отображать «капчу».Для «капчи» требуется проверка, которая должна возвращать ошибку, только если она видна.

Мы храним количество попыток входа в систему в состоянии, внешнем по отношению к форме.

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

Предполагаемый опыт выглядит следующим образом:

  1. Пользователь неправильно введетимя пользователя и пароль (капча не видна и не подтверждена)
  2. Пользователь отправляет форму
  3. При ошибке блока отображается неверная комбинация логин / пароль
  4. Код безопасноститеперь видимый (но не проверенный; проверка должна происходить, только если поле было размыто или если форма снова отправлена)

Я пробовал валидатор (который проверяет попытки входа в систему), который запускается толькона поле, но, похоже, игнорируется во втором представлении и не работает против значения.Я думаю, что, скорее всего, я сделал что-то не так, но мне интересно узнать, есть ли для этого рекомендательный шаблон, прежде чем я пойду в неправильном направлении.

...