Javascript 如何在react js和google图表中操作数据

我刚开始反应。 我正在创建一个可以查看技能（技能名称和技能百分比）的仪表板。 我使用了Reactjs、bootstrap和Google图表（甜甜圈图表）。但我不能像这样操纵数据。更新、删除和添加新项目（技能）

我在主页中创建了类组件

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

我派人进来了

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

从“React”导入React；
从“react dom”导入react dom；
从“反应谷歌图表”导入图表；
常量选项={
标题：“，
pieHole:0.5，
is3D：错，
};
常数甜甜圈=（道具）=>{
{
返回(
);
}
};
出口默认甜甜圈；

在这里，我想在数据中创建新项（技能）。我想在那里做凝乳手术。 请给我推荐一些做这件事的参考资料

---

谢谢…

查看它可以帮助您根据收到的状态更新组件我是react中的新手如果您有任何参考资料、博客、链接，请发送给我，我会尝试。您可以单击我之前评论中的链接，或者快速搜索“如何在react中使用useState？”。但在这里，你可以看一看，它可以帮助你根据收到的状态更新组件。我是react中的新手。如果你有任何参考资料、博客、链接，请发送给我，我会尝试。你可以单击我之前评论中的链接，或者快速搜索“如何在react中使用useState？”。但是你来了

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;