react中的路由配置踩坑記

react 路由配置中，如果根路由（/）匹配一個組件，另一個路由（/list）在進行匹配的時候也會匹配到根路由（/），即在 /list 頁面展示的時候 / 頁面總是展示在上方。

此時如果想進行嚴格匹配，有兩種實現方式：

1、在 / 路由配置中使用 exact， 這時候在匹配 /list 時候， / 頁面不會顯示。

2、去除了exact之后，無論進哪個頁面都是“/”對應的頁面，這個時候，只需要把路由的順序調整一下，把“/”這個Route放到最后即可

注意事項：

react-router 嵌套路由 內層route找不到。

exact精確匹配

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

　路徑為“/”的時候用了exact精確查找，所以不會查找到頁面的嵌套路由