Медленно реагирующие формы
Есть ли у вас опыт работы с формой быстрого реагирования? Я пробовал redux-form, antd form. Оба медленные. Когда я пишу внутри полей ввода.
Форма того, что я хочу сделать, довольно сложна. Это динамическая форма с множеством полей. См. Прикрепленное изображение, этот тип - это выберите, где выбранное значение будет отображаться в следующих полях.
Вот пример в antd. https://codesandbox.io/s/yjz6r2z2l9
Ответы 1
Ваша форма работает медленно из-за повторной отрисовки всего содержимого формы при каждом изменении состояния, даже при однократном нажатии клавиши. React нуждается в некоторой оптимизации, чтобы этого избежать - например, Использование shouldComponentUpdate и PureComponent.
Попробуйте Formik. Помимо <Field/> в нем есть <FieldArray/> и <FastField/>, вероятно, пригодные для этого случая.
Удалите console.info, используйте инструменты разработки реакции.
Мне не удалось выполнить shouldComponentUpdate. Но я справился с этим, разделив форму на несколько форм. Затем он отображает только эту "подформу"