码迷,mamicode.com
首页 > 其他好文 > 详细

React-Route的属性exact

时间:2018-07-08 16:42:11      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:route   路由   问题   color   场景   解决   严格   als   class   


  exact是Route下的一条属性,一般而言,react路由会匹配所有匹配到的路由组价,exact能够使得路由的匹配更严格一些。

  exact的值为bool型,为true是表示严格匹配,为false时为正常匹配。

  如在exact为true时,’/link’与’/’是不匹配的,但是在false的情况下它们又是匹配的。

  一个常用的场景是这样的:

<Route path=‘/‘ component={Home} />
<Route path=‘/page‘ component={Page}>
//这种情况下,如果匹配路由path=‘/page‘,那么会把Home也会展示出来。

  所以我们经常添加exact来解决上述问题。

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

 

React-Route的属性exact

标签:route   路由   问题   color   场景   解决   严格   als   class   

原文地址:https://www.cnblogs.com/superlizhao/p/9280122.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!