如何在狀態中的對象內部的對象內部的數組中追加項目？

Question

我有這種狀態：

{
'guy1': {...},
'guy2':{...},
'guy3: {'key1': [...], 'key2': [...]}
}

我想在key2內附加一個項目。

我嘗試了所有這些（這些都不起作用） ：

guy3: {...prevState.guy3, key2: prevState.guy3.key2.concat([item])}

要么

guy3: {...prevState.guy3, key2: [...prevState.guy3.key2, item]}

要么

let key2 = this.state.guy3.key2.slice();
key2.push(item);
this.setState(prevState => {
   guy3: {...prevState.guy3, key2}
};

我該如何進行這項工作？

Answer 1

您可以使用：

this.setState(prevState => ({
   ...prevState, 
   guy3: {
      ...prevState.guy3,
      key2: [...prevState.guy3.key2, item] 
   }
}));

或者，利用API輕松創建更新的對象，同時保持不變性。 例如immutability-helper ：

this.setState(prevState => update(prevState, { guy3: { key2: {$push: item} } }));