我试图使用recharts来形成一个React项目，但我不能简单地从它的库中导入组件，然后再使用它。

我正在我的包中导入它。json

“recharts”：“^2.0.9”，

我的index.js不能再轻了

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import {
  Radar,
  RadarChart,
  PolarGrid,
  PolarAngleAxis,
  PolarRadiusAxis,
  ResponsiveContainer,
} from 'recharts';

const info = {
  datas: [
    {
      subject: 'test1',
      A: 3,
      fullMark: 5,
    },
    {
      subject: 'test2',
      A: 5,
      fullMark: 5,
    },
    {
      subject: 'test3',
      A: 1,
      fullMark: 5,
    },
    {
      subject: 'test4',
      A: 0,
      fullMark: 5,
    },
    {
      subject: 'test5',
      A: 0,
      fullMark: 5,
    },
    {
      subject: 'test6',
      A: 0,
      fullMark: 5,
    },
  ],
  dataKeys: ['A'],
};

ReactDOM.render(
  <ResponsiveContainer height='100%' width='100%'>
    <RadarChart cx='50%' cy='50%' data={info.datas} outerRadius='80%'>
      <PolarGrid />
      <PolarAngleAxis dataKey='subject' />
      <PolarRadiusAxis />
      {info.dataKeys.map((dataKey, index) => (
        <Radar
          dataKey={dataKey}
          fill={info.fill || '#8884d8'}
          fillOpacity={0.6}
          key={index}
          name='Mike'
          stroke={info.stroke || '#8884d8'}
        />
      ))}
    </RadarChart>
  </ResponsiveContainer>,
  document.getElementById('radar')
);

这是错误消息，通常在您错过导入时发生，但这里的错误消息与他们在文档中提到的相同。

未捕获错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

然后

组件中出现上述错误：在ResizeDetector（http://localhost:3000/static/js/vendors~main.chunk.js： 56892:24）的div中，在响应容器（http://localhost:3000/static/js/vendors~main.chunk.js： 79234:5）

有什么想法吗？