21.11.06 import {} or not

React 프로젝트를 진행하다보면 아래와 같이 import 형식에 차이가 있는 것을 확인할 수 있다. 

//the case of A
import { A } from A.js

//the case of B
import anything from B.js

{ }의 유무에 따라 어떤 차이가 있는 것일까 

 

✔️A의 경우에는 A 파일에서 export로 내보내면서 지정된 변수로 현재 파일에 불러온다. 

✔️B의 경우에는 B 파일에서 default export로 내보내면서 현재 파일에서 다른 변수명으로 지정할 수 있다. 

//the file of A
const A = () => {
 ///
}

export A;

//the file of B
const B = () => {
 ///
}

export default B;