react-router 路由跳轉遇到的坑

路由算法會根據定義的順序自頂向下匹配路由。因此，當你擁有兩個兄弟路由節點配置時，你必須確認前一個路由不會匹配后一個路由中的路徑

exact 是 route 中的一個屬性, 今天在做項目的時候,發現自己寫的Link跳轉,一直跳的都是首頁 - -!!, 還郁悶了好久,后來突然想起上面的那句話來

   <Route path='/' component={Home} />
   <Route path='/page' component={Page}>

上面這種情況下，如果匹配路由path='/page'，因為他們都包含 / 所以當匹配到home時,就不再往下匹配了

一般 exact 用在路由路徑比較短的Route 上面; (如下代碼)

     <Route exact path='/' component={Home} />
     <Route path='/page' component={Page} />