javascript - React内のN個のオブジェクトで2D配列の状態を更新するには?

Question

本題に入る前に、私はすでにこれらのような質問に言及したが、自分で解決策を見つけることができなかったことを述べておきたい.

React状態を2次元配列として更新していますか?

これが私の状態オブジェクトであるとしましょう

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
        }
    });

明らかに、状態を直接変更してはならないというエラーが表示されます。それで、直接突然変異なしで同じことを達成する方法。少し遊んでみましたが、わかりませんでした。