TIL 12. Default Export & Named Export

851 단어 ReactReact

Default Export : 하나의 파일에서 단 하나의 변수 또는 클래스 등으로만 export 한다.

const MyComponents = ( ) => {
	...
}

export default MyComponents
  • import 할 때는 아무 이름으로나 import 할 수 있다.
    참고 : var, let, const`를 바로 default 할 수 없다.

Named Export : 한 파일 내에서 여러 변수 또는 클래스 등으로 export 할 수 있다.

  • Named export 방식 사용시 중괄호로 감싸야 한다.
  • 여러 값을 내보낼 때 유용하다. export 시 import한 이름과 동일한 이름을 사용해야 한다.
    따라서 식별자 충돌을 피하기 위해서 export시 이름을 바꿔줄 수도 있다.
    (단, as를 사용해서 바꿔야 한다.)
  • as를 사용하면 한 파일에 있는 클래스/변수들을 한 번에 import 할 수 있다.
import { MyFirstClass as MyComponents, MySecondClass } from './MyClass'

좋은 웹페이지 즐겨찾기