반출 중 반출 클래스

Question

저는 Chartist 라이브러리를 사용하는 차트에 대한 상용구 코드를 사용하고 있습니다. 유일한 절도 내가 수업 전에 수출을 추가한다는 것입니다 :

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 "export 'default' (imported as 'ChartistGraph') was not found in '../index'

어떤 아이디어가 원인입니까?

Answer 1

당신은 export default class Pie extends React.Component {}

당신에게 파이 클래스를 내보낼 수 있습니다 그리고 당신이 그것을 가져올 때이 import Pie from '../components/dashboardChart';