react-router 6 如果匹配不到路由重定向自定义路由方法（[Navigate] is not a ＜Route＞ component……..must be a ＜Route＞ .）

首先
react-router 6 如果匹配不到路由重定向自定义路由方法（[Navigate] is not a ＜Route＞ component……..must be a ＜Route＞ .）插图
上面我是想进入到根路由也就是/ 的时候默认重定向到 /projects页面，

但是将 Navigate 定义在 Route 内部会提示错误：
react-router 6 如果匹配不到路由重定向自定义路由方法（[Navigate] is not a ＜Route＞ component……..must be a ＜Route＞ .）插图1
解决办法：

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

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

原文链接：https://blog.csdn.net/weixin_42164539/article/details/123026795

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了，原文地址《react-router 6 如果匹配不到路由重定向自定义路由方法（[Navigate] is not a ＜Route＞ component……..must be a ＜Route＞ .）》