기본 내보내기 선호 오류

기본 내보내기 선호 오류

다음 에러가 발생하였습니다.

기본 내보내기 선호

import React, { Component } from 'react';

class HomePage extends Component {
  render() {
    return (
      <div className="Section">HomePage</div>
    );
  }
}

export { HomePage };

다음을 시도했습니다. export { default as Homepage };

치명적인 해석 오류가 발생합니다.

그 후, 다음과 같이 변경했습니다.

export default HomePage;

그러면 eslint 오류가 지워집니다.

하지만, 다음에 던진다:

'.HomePage'에 'HomePage'라는 이름의 내보내기가 없습니다.

홈페이지에는 다음과 같이 전화를 걸기 때문에:import { HomePage } from './HomePage';

브래킷을 떼어내면, 다음의 에러가 표시됩니다.

"export 'default'('HomePage'로 가져오기)를 '.HomePage'에서 찾을 수 없습니다."

import HomePage from './HomePage';
<PrivateRoute exact path="/" component={HomePage} />

이를 기본 기본 내보내기로 변경하는 적절한 방법은 무엇입니까?

송신원

모듈로부터의 export가1개뿐인 경우 이름 있는 export보다 기본 export를 사용하는 것이 좋습니다.

class HomePage extends Component {
  //....
}

export default HomePage

다른 파일:

import HomePage from './Hello';

여기를 체크해 주세요

다음은 함수를 사용하는 예입니다.

function HomePage() {
    function aHelperMethod() {
        //
    }

    return {
        aHelperMethod,
    }
}

다른 파일로 가져오려면

import HomePage from './Hello';

그리고 그것을 사용하려면 당신은 그것을 인스턴스화해야 한다.

const homePage = HomePage()
homePage.aHelperFunction()

경우에 따라서는 모듈에 여러 개의 이름 있는 내보내기가 있어야 합니다.

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

언급URL : https://stackoverflow.com/questions/48750574/prefer-default-export-eslint-error