TIL 12. Default Export & Named Export
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'
Author And Source
이 문제에 관하여(TIL 12. Default Export & Named Export), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@bori9412/TIL-12.-Default-Export-Named-Export저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)