React Component ESLint는 기본 수출 선호라고 말합니다

Question

내 구성 요소의 ESLint에서이 오류가 계속 발생합니다.

ESLint : 기본적 수출 (수입/선호하는 기본 - 수출)

여기의 구성 요소가

export class mycomponent extends React.Component { 

    render() { 

    //stuff here 

    } 
} 

그것은 무엇을 요구되는 모습입니다 안함라고? 이 문제를 어떻게 해결할 수 있습니까?

이

export default class mycomponent extends React.Component { 

    render() { 

    //stuff here 

    } 
} 

(추가 된 단어 default 통지) 한 후 다른 파일에 당신이 구성 요소를 가져올 수 있습니다 :

import mycomponent from './mycomponent.js';

Answer 1

는이 같은 기본값으로 내보내기를 지정해야 구성 요소가 동일한 디렉토리에서 포함되고 mycomponent.js 파일에 정의되어 있다고 가정합니다. 또한 파일과 같은 이름을 가진 다수의 수출 상황을 포함하는 경우 기본 내보내기 것을 방지 할 수

:

export const foo = 'foo'; 
export const bar = 'bar'; 

하거나 심지어 단어 default없이이 그대로 원본 파일을 떠나 가져올 수 일괄 가져 오기 사용 :

import * as mycomponent from './mycomponent.js';