react-router 6 如果匹配不到路由重定向自定义路由方法([Navigate] is not a <Route> component........must be a <Route> .)

阅读 124

2022-02-20

首先
在这里插入图片描述
上面我是想进入到根路由也就是/ 的时候默认重定向到 /projects页面,

但是将 Navigate 定义在 Route 内部会提示错误:
在这里插入图片描述
解决办法:

<Router>
  <Routes>
    <Route path="/projects" element={<ProjectListScreen />}></Route>
    <Route
      path="/projects/:projectId/*"
      element={<ProjectScreen />}
    ></Route>
    <Route path="*" element={<Navigate to="/projects" />} />  
  </Routes>
</Router>

换成:
<Route path="*" element={<Navigate to="/projects" />} />写法即可。如果找不到自己定义的根路由,默认跳转到 /projects路由中。

精彩评论(0)

0 0 举报