leiyanting

导航

 
                1.默认使用的是模糊匹配(简单记:【输入的路径】必须包含要【匹配的路径】,且顺序要一致)
                2.开启严格匹配:<Route exact={true} path="/about" component={About}/>
                3.严格匹配不要随便开启,需要再开,有些时候开启会导致无法继续匹配二级路由
 
例子如下:
  
<Route path='/' component={Main} />
<Route path='/page' component={Page}>

如果匹配路由path=’/Page’,那么会把Main也会展示出来

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

加上exact属性

这样匹配路由path=’/page’,只会匹配到Page组件

posted on 2022-01-10 20:09  leiyanting  阅读(205)  评论(0编辑  收藏  举报