К
Если не сложно, объясните пожалуйста на моём примере
Мой пример, это когда есть форма, инпуты которого должны заполниться по дефолту из обьекта который приходит с сервера, но дальше, мне нужно как-то дать возможность менять значения в этих инпутах, поэтому я скопировал всё в хук и уже меняю значения в нём.
Но они почему-то не все реагируют на изменения. Например чекбоксы
let LoyaltyEditPage = ({initialValues, handleSubmit}) => {initialValues приходит мне из редакса,они нужны чтобы можно было заполнить поля дефолтными значениями.
const [values, setValues] = useState(initialValues)
const handler = (e) => {
const {name, value} = e.target;
setValues({...values, [name]: value})
}
console.log(values)
return (
<div className="row">
<form className="content" onChange={handler}>
<LoyaltyCardDetails initialValues={values} />
<LoyaltyCardEdit initialValues={values} childrensHandler={childrensHandler}/>
</form>
</div>
}
values хук я делаю для того чтобы знать об изменениях в этих инпутах и создавать новый обьект с этими изменениями.
Когда я в других компонентах что либо меняю в инпутах, то консоль отрабатывает и значения нормально меняются, как и ожидается, но перерисовка не происходит.
Обьясните плиз почему,благодарен за ваши труды!