Reactjs 如何添加datasetKeyProvider以响应chartjs

我的react项目有折线图。如果在切换语言后组件重新呈现，我想转换标签和图表分隔符。错误是“无法读取未定义的属性'getPixelForValue'，因此，如果我硬编码标签错误消失。我发现如果我想要唯一的字符串值，我应该使用datasetKeyProvider。但我在实现这一点上有问题

我试着这样设置：

class LineChart extends Component {
datasetKeyProvider() {
        return Math.random();
    }

render() {
  return (
    <>
     <Line 
     data={this.state.chartData}
     datasetKeyProvider={this.datasetKeyProvider}
     options={{
       legend: {
         display: true,
         position: "bottom"
       },
       maintainAspectRatio: false,
       scales: {
         xAxes: [
          {
            type: "time",
            time: {
            unit: "year"
                   }
               }
            ]
       />
    </>
  )
}
}

类折线图扩展组件{
datasetKeyProvider（）{
返回Math.random（）；
}
render（）{
返回(
)
}
}