[react] React-Router 3和React-Router 4有什么變化？添加了什么好的特性？

React-Router 4 從設計思想上進行改變，引入動態路由，將路由進行了拆分，將其放到了各自的模塊中，不再有單獨的 router 模塊，充分體現了組件化的思想，更加貼合 React 的思想。

具體表現：

• 包含式路由與exact
  • 在之前的版本中，在 Route 中寫入的 path，在路由匹配時是獨一無二的，路由的嵌套體現在 <Route> 組件的嵌套規則上
  • v4 版本則有了一個包含的關系：如匹配 path="/users" 的路由會匹配 path="/"的路由，在頁面中這兩個模塊會同時進行渲染。
  • v4中多了 exact 關鍵詞，表示只對當前的路由進行匹配。
• 獨立路由：Switch（排他性路由）
  • 采用 <Switch>，只有一個路由會被渲染，并且總是渲染第一個匹配到的組件
  • 配合使用 exact
• "Index Routes" 和 "Not Found"
  • 廢棄了 <IndexRoute>，而該用 <Route exact> 的方式進行代替
  • 如果沒有匹配的路由，也可通過 <Redirect> 來進行重定向到默認頁面或合理的路徑。
• 嵌套布局
• 授權路由
• <Link> vs <NavLink>
• URL 查詢字符串

?個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[react-router] React-Router 3和React-Router 4有什么变化？添加了什么好的特性？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。