Реакция: изменение значений внутри многошаговой формы с помощью методов FieldArray - PullRequest
0 голосов
/ 04 марта 2020

У меня есть многоступенчатая форма с react-final-form, в которой используется FieldArray. Конечный пользователь может добавить X количество типологий комнат, и в соответствии с этим числом следующий шаг будет генерировать массивы комнат.

Вот демоверсия live - codesandbox

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

Я использую <OnChange> компонент внутри FieldArray (вызывая метод fields.update()).
Это работает, но проблема в том, что он изменяет все значения внутри объекта. Вы можете проверить это поведение на демонстрации выше.

Я не могу понять, что не так.

Заранее благодарим за любую помощь.

1 Ответ

1 голос
/ 05 марта 2020

Прежде всего, красивая форма! Вы были очень близки Я переместил компонент <OnChange/> в RoomRow и использовал <Field/>, чтобы получить onChange для поля max_children.

Edit beautiful-form-procedure

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...