memory - 将值添加到状态数组的最佳方法是什么

Question

我有一个状态数组，比如说 this.state.arr。我想在这个 state 属性中添加一些东西，然后再更改一些属性。

选项 1

onChange(event){
    this.state.arr.push('newvalue');
    ...
    this.setState({some:'val',arr:this.state.arr})
}

选项 2

onChange(event){
    var newArr = this.state.arr;
    ...
    newArr.push('newvalue');
    ...
    this.setState({some:'val',arr:newArr})
}

所以.. 我知道 this.state 应该被视为不可变的。但是可以像在选项 1 中那样使用它，我仍然从中设置状态，还是我需要使用类似于选项 2 的东西，因此总是首先在内存中制作副本

Answer 1

目前，这是最好的方法。

this.setState(previousState => ({
    myArray: [...previousState.myArray, 'new value']
}));