[React] export default 와 export 차이점

1.export default

• 선언된 모듈에 하나의 변수,클래스,함수만 export할수 있다.(한개)
  
• import할때는 원하는 이름으로 가능하다.

/* Main.js */
export default Main;

/* App.js */
import Main from "./main.js"

2.export(=named export)

• 선언된 모듈에 변수,클래스,함수 export할수 있다.(여러개)
  
• import할때는 원하는 이름으로 불가능하다.
  
• import 시 {}안에 export 된 이름과 동일하게 해야 한다.

/* Main.js */
export let Run1 = () =>{
	console.log(1);
}

function Run2(){
	console.log(2);
}

export Run2,

/* App.js */
import {Run1, Run2} from "./main.js"

이 글이 도움이 되었다면 ♡(공감), 광고 눌러 주세요.
큰 도움이 됩니다.