Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 코딩테스트
- TS
- styledcomonents
- CSS
- clipboardapi
- 백준 #코딩테스트 #코테 #알고리즘
- 혼자공부하는머신러닝딥러닝
- 백준 #코딩테스트
- 알고리즘
- 초기값 설정하기
- error맛집
- 유니티 #게임개발
- reactmemo
- REACT
- 딥러닝
- 타입스크립트
- 머신러닝
- 백준
- js
- 혼자공부하는머신러닝
- 리액트
- 혼공챌린지
- 혼공단
- 혼공머신
- useEffect
- Redux
- 구조분해할당
- typeScript
- axios
- 에러해결방안
Archives
- Today
- Total
좌충우돌 개발자의 길
[React] react-router-dom 본문
<BrowserRouter>
- react router를 사용하여 routing을 할 수 있게 해주는 기능
- history를 이용해서 경로를 탐색할 수 있게 해주는 컴포넌트
- history : 웹에는 history 기능이라고 이전에 들어갔었던 웹페이지를 기억해두는 기능이 있음
<Routes>
- 실제로 route 컴포넌트를 구성할 수 있게 해주는 기능
- 여러개의 route 컴포넌트를 children으로 갖음
<Route>
- path: 경로
- element: 경로가 일치할 경우 해당 컴포넌트로 렌더링
- <Route index element={<MainPage />}> : index경로에 /로 접속할때 MainPage 가 보임
<useNaviagate()>
- 페이지간 이동
- 이동할 path를 넣어주면 됨
'STUDYING > React' 카테고리의 다른 글
[React] Axios와 JWT로 로그인 구현 시 쿠키값이 안 받아지는 에러 해결 (0) | 2022.07.11 |
---|---|
[React] build를 해보자 (0) | 2022.06.05 |
[React] 자식에서 부모로 값 전달하기 (0) | 2022.06.04 |
[React] class에서 props로 부모와 자식 간의 데이터를 교환해보자 (0) | 2022.06.04 |
[React] 프레임워크 vs 라이브러리 (0) | 2022.05.31 |