Route 精確道具意味著精確路徑“渲染到螢屏”而不是渲染更長的類似路徑。所以第二行也可以作業。
<Switch>
<Route path="/" exact>
<Users />
</Route>
<Route path="/:userId/places" exact>
<UserPlaces />
</Route>
<Route path="/places/new" exact>
<NewPlace />
</Route>
<Route path="/places/:placeId">
<UpdatePlace />
</Route>
<Redirect to="/" />
</Switch>
但是在 Navlink 的情況下，確切的道具是什么意思？
<ul className="nav-links">
<li>
<NavLink to="/" exact>
ALL USERS
</NavLink>
</li>
<li>
<NavLink to="/places/new">ADD PLACE</NavLink>
</li>
<li>
<NavLink to="/auth">AUTHENTICATE</NavLink>
</li>
</ul>
謝謝
uj5u.com熱心網友回復：
根據 React Router 檔案：
如果為 true，則僅當位置完全匹配時才會應用活動類/樣式。
參考
因此 NavLink 中的精確道具用于樣式目的，而 Route 中的精確道具用于導航邏輯
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/365785.html
上一篇：當沒有傳遞prop時，如何不渲染/隱藏React組件？
下一篇：reactjs中的多個輸入處理