chart.js 更新不是函數

Question

我正在嘗試更新我的圖表，但是當我單擊按鈕TypeError: pieChartData.update is not a function時出現此錯誤

const LatestSales = props => {
      const {pieChartData} = props;


     const toggle = () =>{
      pieChartData.labels[0] = "teste"

      pieChartData.update()
    }


      return (
            <>
                <button onClick={toggle}>toggle</button>
                <Doughnut
                  data={pieChartData}
                  options={pieChartOptions}
                />
            </>
      );
    };

來自 pieChartData: {labels: Array(3), datasets: Array(1)}

Answer 1

您應該在父組件中定義一個道具來設置餅圖數據。 我假設它的名字： setPieChartData

   const LatestSales = props => {
     const { setPieChartData, pieChartData} = props;

     const toggle = () =>{
        let $pieChartData = { ...pieChartData };
        $pieChartData.labels[0] = "teste"

        setPieChartData($pieChartData)
     }

     return (
        <>
           <button onClick={toggle}>toggle</button>
              <Doughnut
                 data={pieChartData}
                 options={pieChartOptions}
              />
        </>
     );
   };