Я работаю над страницей, на которой есть много входных проверок и логических привязок на ней, и каждая итерация увеличивается размер страницы. Таким образом, я должен найти красивое и масштабируемое решение.
Представьте себе, когда пользователь выбирает значение из раскрывающегося списка как "A", некоторые поля должны быть отключены, некоторые поля должны быть очищены, а некоторые поля инициализированы значениями по умолчанию. Я могу изменить одно связанное поле (не имеет правила проверки, например regexp или length constrait) с некоторым небольшим кодом, например
this.props.dispatch(change('xForm','xField','xValue' ))
Моя проблема в том, что когда мне нужно очистить несколько полей,
Он всегда блокируется моим методом проверки, и операция очистки не работает (Примечание: я должен быть таким, но не таким)
,
Я попробовал несколько стратегий, как показано ниже, но поля y, z, w имеют некоторый текст, и это вызвало правило проверки и ошибки hanled. Таким образом, входы имеют старые значения, а не очищенные.
//Clear
this.props.dispatch(change('xForm','yField','' ))
this.props.dispatch(change('xForm','zField','' ))
this.props.dispatch(change('xForm','wField','' ))
Каковы наилучшие методы для четких входов или назначить некоторые значения входам в редукционной форме для страниц с очень зависимыми входами.
Я занимаюсь исследованиями в течение 2 дней, но я не нашел оптимального решения. (нормализатор редукта, редукция формы utils и т.д.)
Благодарю.