[React] import, export 코드 분할

변수 1개

// data.js, 분할하고 싶은 코드를 저장할 js 파일
let a = 123;
export default a;

// App.js
import 작명 from './data.js';
console.log(작명)

출력 ... 123

• import시에 단일 변수는 자유작명 가능

변수 여러 개

// data.js, 분할하고 싶은 코드 저장할 js 파일
var n1 = 'Kwak';
var n2 = 'Woo';
export { n1, n2 }

// App.js
import { n1, n2 } from './data.js';

• import시에 여러 변수는 자유작명 불가능, export 할 때 지정한 변수명 그대로 import

---

• 그냥 마음에 드는 방법 사용하면됨,

export default	import
export { }	import { }