通過之前的部落格介紹，對於react，我們已經可以寫單個元件、復合元件/單個頁面了，接下來就是實現頁面的跳轉了，這個時候，我們就需要前端路由了。
一、react-router-dom
安裝這個依賴，then
上圖應該不難看懂，在這裡提幾點：
①如果有服務端的動態支援，建議使用browserrouter，否則建議使用hashrouter。
②當訪問/details頁面時，不光匹配/details，也配中/，介面上會把兩個頁面都渲染出來的。解決方法，可以在想要精確匹配的 route 上加乙個屬性exact，或者使用 switch 元件。（上述**用了switch元件）
而在程式入口，index.js中，應該這樣：
二、link
又或者（link標籤自動加上#）：
三、相關api
大多數情況下，路由的跳轉是跟業務相關的，所以通常都是寫在js裡的，這時候就需要route相關的api了。
react 動態修改路由 React 動態路由
封裝乙個高階元件，用來實現將普通的元件轉換成動態元件import react from react const asynccomponent loadcomponent class asynccomponent extends react.component catch err this.state...
react頁面渲染之前 react 渲染順序
工作中要對乙個 做再次更新,可能是渲染後更新或者部分元件渲染之後,對頁面效果做處理 之前對react的理解,僅僅停留在render渲染.這次好好理解了下react的生命週期 1 react元件有三種狀態 mounted 已插入真實的dom updating 正在被渲染 和 unmounted已移除真...
react學習六 react路由
react router 安裝包yarn add react router dom匯入路由模組 import reactdom from react dom route 表示乙個路由規則，在 route 上，有兩個比較重要的屬性，path component link 表示乙個路由的鏈結 就好比 v...