티스토리 뷰
✅ 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
링크
TAG
- RadioList
- Filter
- Riverpod
- react
- 정렬변경
- Flutter
- 리액트문법
- 웹만들기
- props
- table-calendar
- 주사위게임
- firestore
- Provider
- 네트워크로딩
- State
- map
- 비동기
- styled-components
- GestureDetector
- throtting
- appbar
- 네트워크데이터
- sort메서드
- 글쓰기
- 모두의숙소
- useState
- 채팅리스트
- hooks
- 플러터
- 리액트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함