reactjs更改状态对象内的对象属性

Question

I get an object as response from a get.

Now I assign the object to a state var (object) like this:

 this.setState({editData: response.data})

Is there a way to change the values within this object?

I thought about something like this:

this.setState({editData.[var]: [value]})

thanks

Answer 1

Firstly you have to remember that you should never mutate state object directly. So first you shold make a copy of state object and mutate the copy. Then set this copy as state. You can use spread syntax to achieve it:

this.setState((prevState) => ({editData: {...prevState.editData, [var]: value}}));

Here is working example showing that source object is not mutated:

 let state = { editData: { age: 22 } }; let age = "age"; let stateCopy = {editData: {...state.editData, [age]: 100}}; console.log(state); console.log(stateCopy);