export default vs export

 

공부를 하다가 export 와 export default 때문에 오류를 경험하였다.

 

 

export default 로 선언된 컴포넌트는 다음 처럼 구조분해할당을 사용할 수 없다. 어차피 export default 가 하나를 export 하는 것을 의미하니까 말이다.

 

아래 코드가 올바른 코드 이다.

 

그리고 export default 는 import 할때 내가 원하는 이름으로 가져올 수 있다만

export 같은 경우에는 아래 코드처럼 as 를 통해 바꾸어주어야한다.

import { MyFirstClass as BlahBlahClass, MySecondClass } from './MyClass'

 

참고자료

https://medium.com/@_diana_lee/default-export%EC%99%80-named-export-%EC%B0%A8%EC%9D%B4%EC%A0%90-38fa5d7f57d4

default export와 named export 차이점