如何在反應中更新我的 chart.js 數據？

Question

我是 React 的新手，我正在嘗試弄清楚如何將 setState 設置為 object，但是當我在 function 中的 this.setState({ datasets[0].data: }) 時它不起作用我需要在這里做嗎？？

state={
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [{
        data: [0, 10, 5, 2, 20, 30, 45],
        label: "My First dataset",
        backgroundColor: 'rgb(255, 99, 132)',
        borderColor: 'rgb(255, 99, 132)',
        }]
    }

    change = () => {
        this.setState({
            datasets: 
        })
    }

Answer 1

this.setState((prevState) => {
      const datasets = prevState.datasets;
      datasets[0].label = newLabel; //you can change particular value this way
      return {datasets};
});

這實際上是復制 prevState datasets 對象數組，並根據要求改變其值。 更改完成后，我們將 setState 值與更新數據集的值。