티스토리 뷰

- React

React import 하는 방법

나둥식 2022. 11. 3. 15:33

✅ import 하는 방법

🔎 import 하는 방법
./   같은 폴더

export default Sub;    Sub 함수를 외부에 노출시키겠다. (➡ default는 하나만 export 할 수 있음)
{ }    추가로 import 하고싶을 때 사용
import React from 'react';

let num = 10;

const Sub = () => {

    return (
        <div>
            <h1>Sub입니다.</h1>
        </div>
    );
};

export {num};
export default Sub; // Sub 함수를 외부에 노출시키겠다.
import './App.css';
import Sub from './Sub';
import {num} from './Sub';

// map, filter, concat, spread, slice
function App() {

  return (
    <div>Hello World {num}</div>
  );
}

export default App;

 

 

'- React' 카테고리의 다른 글

hooks 라이브러리 - useMemo  (0) 2022.11.03
hooks 라이브러리 - useEffect  (0) 2022.11.03
hooks 라이브러리 - useState  (1) 2022.11.02
React 배열 수정  (0) 2022.11.01
React - 배열(map, filter, slice, concat, spread 연산자)  (0) 2022.11.01
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함