配置React 嵌套路由报错

在配置嵌套路由 react-router 时候 遇到这个问题

报错信息：

You rendered descendant <Routes (or called `useRoutes()`) at "/" (under <Route path="/">) 
but the parent route path has no trailing "*". This means if you navigate deeper, 
the parent won't match anymore and therefore the child routes will never render.

Please change the parent <Route path="/"> to <Route path="*">.

代码：

解决办法

react-router-dom路由路径默认是完全匹配，因此如果渲染子路由，则路径需要允许它们。更改path="/"为path="/*" .

参考文章：

• https://stackoverflow.com/questions/70604020/please-change-the-parent-route-path-to-route-path