Формы медленной реакции

Question

Есть ли у вас опыт быстрой формы реагирования? Я пробовал редукс-форму, и форму. Оба медленные. Когда я пишу внутри полей ввода.

Форма, которую я хочу сделать, довольно сложна. Это динамическая форма со многими полями. См. Прикрепленное изображение, этот тип выбирается там, где выбранное значение отображает следующие поля.

Вот пример в antd. https://codesandbox.io/s/yjz6r2z2l9

Answer 1

Ваша форма работает медленно из-за перерисовки всего содержимого формы при каждом изменении состояния, даже одного нажатия клавиши. Чтобы избежать этого, React требуется некоторая оптимизация - например, shouldComponentUpdate и PureComponent использование.

Попробуйте formik . Кроме <Field/> он имеет <FieldArray/> и <FastField/>, вероятно, полезный для этого случая.

Удалите console.log, используйте инструменты реагирования.