Javascript 响应JS集成错误。无法读取属性'；xLabels'；未定义的

我在设置react chartjs时遇到此错误，我使用的是给出的示例。 这就是我得到的错误：

Uncaught (in promise) TypeError: Cannot read property 'xLabels' of undefined
    at updatePoints (core.js:127)
    at Object.classData.componentWillReceiveProps (core.js:48)
    ...... so on

实际上，他们说他们已经修好了，但我想他们没有

这是我的代码：

var Chart = require('chart.js');
var LineChart = require("react-chartjs").Line;
export default class Dashboard extends Component {
    constructor(props){
    super(props);
    var result = '';
    this.state = {
       chartData: '',
       chartOptions: ''
    };

  }

  componentDidMount(){
    var chartData =  {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    }
    var chartOptions = {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    }
    this.setState({
      chartData: chartData,
      chartOptions: chartOptions
    })
  }

  render () {

    return (
      <div className="container">
        <div className="chart-wrapper">  
          <LineChart data={this.state.chartData} width="600" height="250"/>
        </div>
      </div>
    )
  }
}

var Chart=require（'Chart.js'）；
var LineChart=要求（“反应图表”）.Line；
导出默认类仪表板扩展组件{
建造师（道具）{
超级（道具）；
var结果=“”；
此.state={
图表数据：“”，
图表选项：“”
};
}
componentDidMount（）{
var图表数据={
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,3,5,2,3]，
背景颜色：[
"rgba(255,99,132,0.2)",，
“rgba（54162235,0.2）”，
"rgba(255,206,86,0.2)",，
“rgba（751921920.2）”，
“rgba（153102255,0.2）”，
‘rgba（255、159、64、0.2）’
],
边框颜色：[
"rgba(255,99132,1)",，
“rgba（54162235,1）”，
"rgba(255,206,86,1)",，
"rgba(751921921)",，
"rgba(153102255,1)",，
‘rgba（255、159、64、1）’
],
边框宽度：1
}]
}
var图表选项={
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
这是我的国家({
chartData:chartData，
图表选项：图表选项
})
}
渲染（）{
返回(
)
}
}

可能是什么问题？我是一个新的反应和坚持图表。任何帮助都将不胜感激

“重画””应该有助于：

 <LineChart data={this.state.chartData} width="600" height="250" redraw/>

“重画”应该有助于：

 <LineChart data={this.state.chartData} width="600" height="250" redraw/>