react屬性之exact


exact是Route下的一個屬性,react路由會匹配到所有能匹配到的路由組件,exact能夠使得路由的匹配更嚴格一些。

exact的值為bool型,為true時表示嚴格匹配,為false時為正常匹配。

例子如下:

<Route path='/' component={Home} />
<Route path='/page' component={Page}>
//這種情況下,如果匹配路由path='/page',那么會把Home也會展示出來。
//既路由path='/page'會匹配路由path='/'和路由path='/page'

所以我們常常會添加exact來解決上述問題。

<Route exact path='/' component={Home} />
<Route path='/page' component={Page} />
//這樣匹配路由path='/page',只會匹配到Page組件

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM