Component(...): Nothing was returned from render

1、錯誤描述

2、錯誤原因

class Column2DChart extends React.Component {
  render() {
    return (
      <ReactFusioncharts
        type="column2d"
        width="1200"
        height="600"
        dataFormat="JSON"
        dataSource={dataSource}
      />
    );
  }
}

export default Column2D;

    組件名稱是Column2DChart,但是export default Column2D,兩個名稱不匹配,導致返回值爲空

3、解決辦法

      調整導入的組件名稱和定義的組件名稱保持一致

class Column2DChart extends React.Component {
  render() {
    return (
      <ReactFusioncharts
        type="column2d"
        width="1200"
        height="600"
        dataFormat="JSON"
        dataSource={dataSource}
      />
    );
  }
}

export default Column2DChart;

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章