고정 헤더 영역
상세 컨텐츠
본문
반응형
React Router 설정하는 방법은 크게 2가지 입니다.
- Data API를 사용하는 지원하는 Router (v6.4)
- Data API를 지원하지 않는 Router Components
공식문서에서는 Data API를 사용하는 지원하는 새 Router를 사용하는 것을 권장합니다.
사용법은 어렵지 않으나, 아직 Transition 효과를 적용하는 예제가 많지 않습니다.
따라서, 2가지 방법에 대해 알아보고자 합니다.
React Router - Data API를 사용하는 Router
Router 사용하는 순서는 아래와 같습니다. App.js - router 생성 및 RouterPrivder 정의 routes 배열 정의 - path 및 element 각 컴포넌트 정의 App.js - router 생성 - createBrowserRouter를 통한 Router 생성 - RouterPrivder 정
innovatorwhy.tistory.com
반응형
'React > Router' 카테고리의 다른 글
| React Router Transition 효과 적용 (0) | 2023.01.20 |
|---|---|
| React Routes, Route 사용시 배열로 관리하기 (0) | 2023.01.20 |
| Data API를 지원하지 않는 Router Components (0) | 2023.01.20 |
| React Router - Data API를 사용하는 Router (0) | 2023.01.20 |
댓글 영역