1. 程式人生 > >react路由補充部分(exact、八個路由示例)

react路由補充部分(exact、八個路由示例)

1、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} />

2、下面是八個react路由示例:(github上面)。

使用方式:在根目錄下npm install,用於下載依賴的包,然後npm start啟動專案。