如何在Reactjs中更新Chartjs？

npm install chart.js react-chartjs-2

yarn add chart.js react-chartjs-2

import { Bar } from 'react-chartjs-2';
import 'chart.js/dist/Chart.css';

import React, { useState } from 'react';
import { Bar } from 'react-chartjs-2';
import 'chart.js/dist/Chart.css';

const ChartComponent = () => {
  const [chartData, setChartData] = useState({
    labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
    datasets: [
      {
        label: 'Example Dataset',
        data: [12, 19, 3, 5, 2, 3],
        backgroundColor: 'rgba(75,192,192,1)',
      },
    ],
  });

  const updateChartData = () => {
    setChartData({
      labels: ['A', 'B', 'C', 'D', 'E', 'F'],
      datasets: [
        {
          label: 'Updated Dataset',
          data: [10, 15, 7, 8, 5, 9],
          backgroundColor: 'rgba(54,162,235,1)',
        },
      ],
    });
  };

  return (
    <div>
      <Bar data={chartData} />
      <button onClick={updateChartData}>Update Chart Data</button>
    </div>
  );
};

export default ChartComponent;