Javascript 当我使用状态图中的数据时崩溃

Javascript 当我使用状态图中的数据时崩溃,javascript,reactjs,chart.js,antd,Javascript,Reactjs,Chart.js,Antd,我正在使用antd react的选项卡,下面是呈现的代码: 当应用程序崩溃时,将显示以下错误: TypeError:无法定义属性“\u chartjs”:数组不可扩展 TypeError:此.chartInstance未定义TypeError:无法定义 属性“_chartjs”:数组不可扩展 你能给我们看完整的代码吗?我们不能对给定的代码做任何评论。 <TabPane tab={<span className="tabBtn"><Icon type="ba

我正在使用antd react的选项卡,下面是呈现的代码:

当应用程序崩溃时,将显示以下错误:

TypeError:无法定义属性“\u chartjs”:数组不可扩展 TypeError:此.chartInstance未定义TypeError:无法定义 属性“_chartjs”:数组不可扩展


你能给我们看完整的代码吗?我们不能对给定的代码做任何评论。
      <TabPane tab={<span className="tabBtn"><Icon type="bar-chart" />Par Mois</span>} key="1">
        <Bar
          data={data_op_month}
          width={100}
          height={2}
          options={{
            maintainAspectRatio: false
          }}
        />
      </TabPane>
      <TabPane tab={<span className="tabBtn"><Icon type="bar-chart" />Par Trimestre</span>} key="2">
        <Bar
          data={data_op_trimestre}
          width={100}
          height={2}
          options={{
            maintainAspectRatio: false
          }}
        />
      </TabPane>

      <TabPane tab={<span className="tabBtn"><Icon type="bar-chart" />Par Année</span>} key="3">
        <Bar
          data={data_op_year}
          width={100}
          height={2}
          options={{
            maintainAspectRatio: false
          }}
        />
      </TabPane>
    </Tabs>
var type_vir1 = {
  label: 'VIR inner-THRW',
  backgroundColor: '#00d2d3',
  borderWidth: 0,
  data: null
};
var type_comm1 = {
  label: 'VIR inner-THRW',
  fill: false,
  lineTension: 0.1,
  backgroundColor: '#00d2d3',
  borderColor: '#00d2d3',
  borderCapStyle: 'butt',
  borderDash: [],
  borderDashOffset: 0.0,
  borderJoinStyle: 'miter',
  pointBorderColor: 'gray',
  pointBackgroundColor: '#fff',
  pointBorderWidth: 1,
  pointHoverRadius: 5,
  pointHoverBackgroundColor: 'black',
  pointHoverBorderWidth: 2,
  pointRadius: 1,
  pointHitRadius: 10,
  data: null
};

..

var data_op_mois = [];
var data_op_trimestre = [];
var data_op_year = [];

var data_comm;

var d1, d2, d3;

var data_op_mois1 = [20, 58, 11, 30, 14, 55, 20];
var data_op_mois2 = [20, 58, 11, 30, 14, 55, 20];
var data_op_mois3 = [20, 58, 11, 30, 14, 55, 20];

function init_data(state) {

  console.log("debut init data : state =",state);
  data_op_mois1=state.data_op_mois[0];
  data_op_mois2=state.data_op_mois[1];
  data_op_mois3=state.data_op_mois[2];

  d1 = { ...type_vir1, data: data_op_mois1};
  d2 = { ...type_vir2, data: data_op_mois2};
  d3 = { ...type_vir3, data: data_op_mois3};

  data_op_mois = {
    labels: ['Jan', 'Fev', 'Mars', 'Avril', 'Mai', 'Juin', 'Juill', 'Aout', 'Sept', 'Oct', 'Nov', 'Dec'],
    datasets: [
      d1, d2, d3
    ]
  };

  ..

render(){

..

init_data(this.state)

..

}