reactjs更改狀態對象內的對象屬性

Question

我從get得到一個對象作為響應。

現在，我將對象分配給狀態var（對象），如下所示：

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

有沒有辦法更改此對象內的值？

我想到了這樣的事情：

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

謝謝

Answer 1

首先，您必須記住，永遠不要直接改變狀態對象。 因此，首先您要制作一個狀態對象的副本並對該副本進行突變。 然后將此副本設置為狀態。 您可以使用傳播語法來實現它：

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

這是一個工作示例，顯示源對象未發生突變：

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