关于route路径匹配的问题

Question

老师能具体讲下react路由路径的匹配原理么，如下所示当访问path="/product/save"时，是能够匹配到下面的路由吧

为啥反过来就不行呢？

<Route  path="/product/save/:pid" component={ProductSave}/>

反过来：

当访问path="/product/save/32"时,是无法匹配到下面的路径吧？

<Route  path="/product/save" component={ProductSave}/>

还有<Route  path="/product/save/" component={ProductSave}/>这个路径save后面有斜杠和没有斜杠的区别在哪里

 

Answer 1

Rosen 2018-02-17 22:33:15

1. 如果没有其他路由的影响，访问path="/product/save"的时候应该匹配不到<Route  path="/product/save/:pid" component={ProductSave}/>

2. path="/product/save/32"可以匹配到<Route  path="/product/save" component={ProductSave}/>

3. "/product/save/"和"/product/save"应该没什么区别