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} />


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM