javascript - 我如何在反应 js 和谷歌图表中处理数据

Question

我刚开始反应。我正在创建一个仪表板，我可以在其中查看技能（技能名称和技能百分比）。我用过那个 Reactjs、bootstrap 和 Google Chart（甜甜圈图）。但我无法像这样操作数据。更新、删除和添加新项目（技能）

我在主页中创建了类组件。

状态数据（技能和百分比）

  chartData: [
    ["Sills", "Percent"],
    ["Skill_name_1", 40],
    ["SKill_name_2", 10],
  ],

我寄了

<Donut data={this.state.chartData} />
            

谷歌图表组件是

import React from "react";
import ReactDOM from "react-dom";
import Chart from "react-google-charts";
 
const options = {
   title: "",
   pieHole: 0.5,
   is3D: false,
};

const Donut = (props) => {
   {
   return (
      <div className="App">
          <Chart
             chartType="PieChart"
             width="100%"
             height="400px"
             data={props.data}
             options={options}
            />
        </div>
       );
     }
  };
export default Donut;

在这里，我想在数据中创建新项目（技能）。我想在其中执行 CURD 操作。请建议我做一些参考。

谢谢...