export default ๋ณ์๋ช ; ์ด๋ ๊ฒ ์ฐ๋ฉด ์ํ๋ ๋ณ์๋ฅผ ๋ฐ์ผ๋ก ๋ด๋ณด๋ผ ์ ์๋ค.
//data.js ํ์ผ
let a = 10;
export default a;
//๋ณ์๊ฐ ์ฌ๋ฌ๊ฐ๋ฉด
let a = 10;
let b = 20;
export default { a, b };
๋ค๋ฅธ ํ์ผ์ ์๋ ๋ฐ์ดํฐ๋ฅผ importํด์ ๊ฐ์ ธ์ฌ ์ ์๋ค.
//App.js ํ์ผ
import a from './data.js';
//๋ณ์๊ฐ ์ฌ๋ฌ ๊ฐ๋ฉด
import { a, b } from './data.js';
'๐ปWEB FrontEnd > ํ๋ ์์ํฌ React' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
detail ํ์ด์ง ๋ง๋ค๊ธฐ (0) | 2022.07.08 |
---|---|
๋ผ์ฐํ (์ ํ , navigate, nested routes, outlet) (0) | 2022.07.07 |
์ด๋ฏธ์ง ์ฝ์ ํ๋ ๋ฐฉ๋ฒ (0) | 2022.07.07 |
React์ Bootstrap ์ ์ฉ (0) | 2022.07.07 |
props : ๋ถ๋ชจ -> ์์ state ์ ์ก (0) | 2022.07.06 |