chart.js更新不是一个函数

Question

我正在尝试更新我的图表，但当我单击按钮时出现此错误类型错误：pieChartData.update不是一个函数

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:｛标签：数组(3(，数据集：数组(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}
/>
</>
);
};