在进入主题之前,我想提一下,我已经提到过类似的问题,但无法自己找到解决方案。
Updating React state as a 2d array?
假设这是我的状态对象
state = {
graphData: [
[{x: 0, y: 0}],
],
};
随着时间的增加,graphData 会变得更大,可能看起来像这样
graphData: [
[{x: 0, y: 0}, {x: 1, y:1}, {x:2, y:2}],
],
目前,我是这样处理的:
nextGraphData = this.state.graphData[0][graphDataLength] = {x: lastXAxisValue + 1, y: value};
this.setState({
graphData: {
...this.state.graphData,
nextGraphData
}
});
显然,我收到一条错误消息,指出我不应该直接改变状态。那么,如何在不直接突变的情况下实现相同的目标。我尝试了一下,但无法弄清楚。
最佳答案
试试这个
state = {
graphData: [
[{x: 0, y: 0}],
],
};
像这样使用
this.setState({
...this.state,
graphData: [...this.state.graphData, {x:1,y:1}]
})
关于javascript - 如何在 React 中更新包含 N 个对象的 2D 数组的状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59679003/