React Router v6のネストについて - Qiita

結論：公式ドキュメントをしっかり読みましょう（笑） Reactを復習していたとき、講座内のReact Routerがv5で大幅に記述が異なっていて、 甘えてググってしまい沼に陥ってしまいました。 ネストする時の基本ルール 参考：https://reactrouter.com/docs/en/v6/getting-started/overview Routeコンポーネントを入れ子にする こちらは単純で、 <Route path="/" element={<App />}> <Route path="page1" element={<Page1 />}> <Route path="detaila" element={<Page1DetailA />} /> </Route> </Route> 以上のような記述で、 / /page1 /page1/detaila 3ページを定義することができます