react中的路由配置踩坑记,react-router 嵌套路由 内层route找不到

react 路由配置中，如果根路由（/）匹配一个组件，另一个路由（/list）在进行匹配的时候也会匹配到根路由（/），即在 /list 页面展示的时候 / 页面总是展示在上方。

此时如果想进行严格匹配，有两种实现方式：

1、在 / 路由配置中使用 exact， 这时候在匹配 /list 时候， / 页面不会显示。

2、去除了exact之后，无论进哪个页面都是“/”对应的页面，这个时候，只需要把路由的顺序调整一下，把“/”这个Route放到最后即可

注意事项：

react-router 嵌套路由 内层route找不到。

exact精确匹配

<Route component={xxx} path="/" />

　路径为“/”的时候用了exact精确查找，所以不会查找到页面的嵌套路由

扫码关注我们

微信号：SRE实战

拒绝背锅 运筹帷幄

×

选择打赏方式：

微信 QQ钱包 支付宝

打赏

打赏

打赏

多少都是心意！谢谢大家！！！