11 lines
673 B
Markdown
11 lines
673 B
Markdown
# React Router route 정리 참고
|
|
|
|
출처: https://reactrouter.com/api/hooks/useRoutes
|
|
|
|
- `useRoutes(routes)`는 `RouteObject[]`로 route 트리를 만들고 현재 URL과 맞는 element를 반환함.
|
|
- 부모 route의 `children`은 중첩 UI를 구성하며 부모 element의 `Outlet` 위치에 렌더됨.
|
|
- 선언한 route와 맞지 않는 URL은 마지막 `path: "*"` route에서 `Navigate`로 기본 화면에 보낼 수 있음.
|
|
- `Navigate`의 `replace`는 잘못된 URL을 브라우저 방문 기록에 남기지 않을 때 사용함.
|
|
|
|
이 프로젝트에서는 `routes.tsx`가 유일한 route 트리이며, `PATHS`가 주소 문자열의 진실원천임.
|