1. 程式人生 > 其它 >React-router中exact

React-router中exact

1.exact為true或false的區別

  exact:一般而言,react路由會匹配所有匹配到的路由元件,exact能夠使得路由的匹配更嚴格一些。exact的值為bool型,為true是表示嚴格匹配,要求路徑與location.pathname必須完全匹配,且會比較匹配過的路由是否和正匹配的路由一致,為false時為正常匹配。

如在exact為true時,’/link’與’/’是不匹配的,但是在false的情況下它們又是匹配的。

<Route path='/' component={App} />
<Route path='/Home' component={Home} />
<Route path='
/About' component={About} />//這種情況下,如果點選Home,匹配路由path='/Home',那麼會把App也會展示出來。 <Route exact path='/' component={App} /> <Route path='/Home' component={Home} /> <Route path='/About' component={About} /> //這種情況,如果點選Home,匹配路由path='/Home',那麼App就不會展示出來

參考地址:react的Router的exact、path、component、strict屬性_hehepeng123的部落格-CSDN部落格