天天看點

【React-Router】exact 屬性 與 Umi 路由下的 exact

React-Router exact 屬性

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

Umi 路由下的 exact

【React-Router】exact 屬性 與 Umi 路由下的 exact

繼續閱讀