Я использую response-final-form-arrays , чтобы добавить динамические поля ввода в форму, основанные на массиве данных, которые я привязываю к форме, и это прекрасно работает.Пользователь может, нажав кнопку, добавить больше таких полей.В начале таких полей нет, и когда пользователь добавляет одно, поле начинается с пустого значения.
Теперь у меня возникла проблема с пользовательским интерфейсом во время проверки.Эти поля являются обязательными, это означает, что для успешной проверки их значение не должно быть пустым.Я установил свои правила проверки так, чтобы они срабатывали только тогда, когда была предпринята попытка отправки формы один раз, чтобы избежать загромождения пользовательского интерфейса, пока пользователь не решит отправить форму.
Это работает хорошо, за исключениемв этом случае:
- пользователь пытается отправить недопустимую форму, что приводит к отображению ошибок проверки (т. е. красная рамка вокруг недопустимых полей)
- пользователь нажимает кнопкудобавить новое динамическое поле, в результате чего это новое добавленное поле будет отображаться как недействительное
Я бы хотел, чтобы вновь добавленные динамические поля не отображали ошибки проверки при их первом добавлении,но я не уверен, как определить, какие поля существовали, когда форма была отправлена, а какие - новые, чтобы пропустить проверку последней, пока форма не будет отправлена снова.
Есть идеи?