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

时间:2021-01-12 10:40:05

今天在做嵌套路由的时候,没有报错,但是页面显示为空,搜索了一下资料,有两个原因:

1.exact精确匹配

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

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

2.路由的顺序:

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