我想在状态数组的末尾添加一个元素，这是正确的方法吗?
this.state.arrayvar.push(newelement);
this.setState({ arrayvar:this.state.arrayvar });
我担心用push修改数组可能会导致麻烦——它安全吗?
另一种方法是复制数组，setstate看起来很浪费。
当前回答
当我想修改数组状态时，我也遇到了类似的问题 同时保留元素在数组中的位置
这是一个在like和different之间切换的函数:
const liker = (index) =>
setData((prevState) => {
prevState[index].like = !prevState[index].like;
return [...prevState];
});
正如我们所说，函数接受数组状态元素的索引，然后我们继续修改旧状态并重建状态树
其他回答
当我想修改数组状态时，我也遇到了类似的问题 同时保留元素在数组中的位置
这是一个在like和different之间切换的函数:
const liker = (index) =>
setData((prevState) => {
prevState[index].like = !prevState[index].like;
return [...prevState];
});
正如我们所说，函数接受数组状态元素的索引，然后我们继续修改旧状态并重建状态树
这对我来说很有用，可以在数组中添加一个数组
this.setState(prevState => ({
component: prevState.component.concat(new Array(['new', 'new']))
}));
这段代码为我工作:
fetch('http://localhost:8080')
.then(response => response.json())
.then(json => {
this.setState({mystate: this.state.mystate.push.apply(this.state.mystate, json)})
})
我所做的是在状态之外更新一个值，并执行forceupdate()，由react管理的东西越少越好，因为您可以更好地控制更新的内容。 此外，如果更新速度很快，为每次更新创建一个新数组可能代价太大
正如@nilgun在评论中提到的，你可以使用react不可变helper。我发现这非常有用。
从文档中可以看出:
简单的推
var initialArray = [1, 2, 3];
var newArray = update(initialArray, {$push: [4]}); // => [1, 2, 3, 4]
initialArray仍然是[1,2,3]。
