javascript - React - 警告 : React. createElement : type should not be null, 未定义、 bool 值或数字

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)并查看它是否已定义。也许您在导入/导出时犯了错误