react-router-dom (v6) 中报警告router.ts:11 No routes matched location “/child“ 如何解决?

最新推荐文章于 2024-08-14 15:53:41 发布

春小白

最新推荐文章于 2024-08-14 15:53:41 发布

阅读量3.7k

点赞数 2

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/m0_63573982/article/details/125047525

版权

在使用react-router-dom (版本6)时遇到'No routes matched location'警告，可以尝试两种解决方案：一是添加一个'/‘路径的路由；二是设置Navigate组件进行重定向。分享学习过程中的问题，欢迎讨论。

摘要由CSDN通过智能技术生成

报错如图:

办法1：
我们只需要添加一个 “/” 路径的路由即可（以下是v6版本写法）;

解决办法2：
设置一个重定向路径;Navigate to="xxx" 重定向 ;

方法1:加path="/"  :
<Routes>
    <Route path="/" ></Route>
        <Route path="/index" element={<Index />}>
            <Route path="/index/child" element={<Child />} />
        </Route>
        <Route path="/list" element={<List />} ></Route>
    </Routes>
</Router>

方法2:设置一个重定向路径;
引入Navigate 路由重定向;  to="/xxx"要跳转去的页面路由;  path="/index/child"子集路由;
import { HashRouter as Router,