React - 警告：React.createElement：type不应为null，undefined，boolean或number

Question

我正在尝试在我的项目中实现此chart

请参阅Codepen

在我的React应用程序中，我创建了一个名为 ChartsGrid 的组件，我将导入LineChart from './d3/LineChart'及其子组件HorizontalAxis，VerticalAxis和LinePlot

data的状态是正确构建的，我在控制台中看到它

import React from 'react';
import Chart from './Chart';
import LineChart from './d3/LineChart';

export default class ChartsGrid extends React.Component{

  render() {

    const view = [480, 320];
    const trbl = [0, 0, 0, 0]
    const horizontalAxisHeight = 30;
    const verticalAxisWidth = 42;
    const { data } = this.props;

    return (
      <div className="grid">
          <LineChart {...{view, trbl, data, horizontalAxisHeight, verticalAxisWidth}} />
      </div>
    )
  }
};

我在控制台中收到此错误

我在ChartsGrid抱怨我的渲染方法，我真的不明白什么是错的。所有设置对我来说都很好，在previous codepen example中，唯一的区别是它在setTimeout函数中渲染线图数据。

我在这里做错了什么？

Answer 1

添加console.log('!!!!', LineChart)并查看是否已定义。也许你导入/导出错误