React : 다른 파일의 데이터 바인딩하기 (import, export)

코드가 길어지면 state나 데이터를 다른 파일로 분리해서 export/import 해오면 된다.

export할 파일

let a = 10;

export default a;

import할 파일

import a from './data.js';

function App() {
  return (
    {a} // 10
  )
}

---

export 여러개 하고 싶은 경우

let a = 10;
let b = 100;

export {a, b};

import {a, b} from './data.js';

function App() {
  return (
    {a} // 10
    {b} // 100
  )
}