[TIL] React에서 import 문에 중괄호를 쓰는 이유

import a , { b } from "./child";

중괄호를 써주고 여부는 변수를 export 하는 방식에 따라 달라진다.

< child.js >
const a = 0;
const b = 1;

export { b }  ;
export default a;

export default로 내보낸 변수는 중괄호 없이 받아올 수 있으며 변수명이 달라도 된다. export로 내보내진 변수는 중괄호로 받아와야 하고 변수명이 동일해야 한다 혹은 , b as c 처럼 as를 이용해서 바꿀 수 있다.