Есть большая форма, в которой куча полей для заполнения. Все работает хорошо, кроме values.defects
. При изменении(добавлении записи) методом push
, React
не перерисовывает элемент. Хотя значение меняется. Единственный вариант, чтобы заставить его реагировать - это клонирования values.defects = [...values.defects];
. В этом случае все работает хорошо. Вопрос: что я делаю не так и можно ли сделать без хака.
React: 16.8.6
Formik: 1.5.1
function addDefect() {
values.defects.push({
key: values.defect_id,
part_name: findPart(values.part_id),
defect_name: findDefect(values.defect_id),
part_id: values.part_id,
});
values.defects = [...values.defects];
setFieldValue('defects', values.defects);
}
Formik:
const enhancedForm = withFormik({
enableReinitialize: true,
mapPropsToValues: props => {
return {
//...
defects: [],
//...
};
},
isInitialValid: false,
handleSubmit: (values) => {
props.onSave(values);
},
displayName: 'ComplaintForm',
});