React-router-v6 嵌套路由只渲染主路由

Gunsela92

我正在嘗試將嵌套路由器用於待辦事項列表。我有類別,我想按 id 導航到類別。我試過的是:

<Routes>
   <Route path={"/todolist"} element={<TodoCategories />}>
   <Route path={":id"} element={<TodoList />} />
</Route>

我也試過這個;

<Routes>
   <Route path={"/todolist/*"} element={<TodoCategories />}>
     <Route path={":id"} element={<TodoList />} />
   </Route>
 </Routes>

網址在瀏覽器中正在更改,例如;

http://localhost:3000/todolist/development

但是 TodoList 元素沒有呈現。只有 TodoCategories 元素正在呈現。我嘗試了一些解決方案,但沒有奏效。感謝您的幫助。

德魯里斯

您在路徑上,"/todolist/development"但這與路線中的任何一條路徑都不匹配,"/todolist"或者"/:id".

第二條路徑應該是"/todolist/:id"如果你想匹配和渲染"/todolist/development"

<Routes>
  <Route path={"/todolist"} element={<TodoCategories />}>
  <Route path={"/todolist/:id"} element={<TodoList />} />
</Route>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章