Question

我正在使用Chartist库为图表使用样板代码。唯一的节制是我在课前添加 export ：

import React from 'react';
import ReactDOM from 'react-dom';
import ChartistGraph from '../index';

export class Pie extends React.Component {
  render() {

    var data = {
      labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
      series: [
        [1, 2, 4, 8, 6, -2, -1, -4, -6, -2]
      ]
    };

    var options = {
      high: 10,
      low: -10,
      axisX: {
        labelInterpolationFnc: function(value, index) {
          return index % 2 === 0 ? value : null;
        }
      }
   };

   var type = 'Bar'

   return (
     <div>
      <ChartistGraph data={data} options={options} type={type} />
     </div>
   )
 }
}

当我尝试使用以下命令导入父组件中的组件时

import {Pie} from '../components/dashboardChart';

我收到以下错误：

54：28-41“导出'默认'（导入为'ChartistGraph'）未找到在'../ index'

任何想法导致了什么？

Answer 1

您可以将Pie类导出为export default class Pie extends React.Component {}

当你导入它时，你可以这样做import Pie from '../components/dashboardChart';

反应导出类

1 个答案: