I have a nested object and I have to update the state using single onChange, But I'm changing based on names so it updates all the fields having same name. Please let me know how to update such state.
the_data: {
key: {
nested_key1: {
value_to_be_changed: 1,
value_to_be_changed: 1
},
nested_key2: {
value_to_be_changed: 1,
value_to_be_changed: 50
}
},
key: {
value: 1,
value: 80,
value: 2.0,
},
key: {
value: 1,
value: 80,
value: 2.0,
},
},
}```
This is how I'm updating state right now but it doesn't work.
if (Object.keys(data.body.key.nested_key1).includes(name)) {
updateData2((oldVal) => {
const newVal = { ...oldVal }
type T = keyof typeof newVal.body.key.nested_key1.;
let name: T = e.target.name;
newVal.body.key.value_to_be_changed[name] = value;
return newVal;
})
}