React/Router
React Router
일단두잇
2023. 1. 20. 16:57
반응형
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
반응형