[react-router] React-Router的實現(xiàn)原理是什么？

1.react-router依賴基礎 - history，是一個獨立的第三方js庫，可以用來兼容在不同瀏覽器、不同環(huán)境下對歷史記錄的管理，擁有統(tǒng)一的API。具體來說里面的history分為三類:

• HashRouter：老瀏覽器的history,主要通過hash來實現(xiàn)，對應createHashHistory()
• BrowserRouter：高版本瀏覽器,通過html5里面的history，對應createBrowserHistory()
• **MemeoryRouter：**node環(huán)境下,主要存儲在memeory里面，對應createMemoryHistory()

*createHashHistory、createBrowserHistory、createMemoryHistory方法只是覆蓋了某些基礎公用方法，比如go(),replace(),push()等。BrowserRouter和HashRouter組件，前者使用pushState和popState事件構建路由，后者使用 hash 和 hashchange 事件構建路由。MemeoryRouter可以應用于像react native。

當url發(fā)生變化時，路由通過監(jiān)聽url的變化，我們不僅能直接獲取和解析url路徑，并且通過路由匹配，決定應該展示什么樣的組件，即React組件的展示，授權路由進行控制，保證了url和視圖的同步。

個人簡介

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

主目錄

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

總結

以上是生活随笔為你收集整理的[react-router] React-Router的实现原理是什么？的全部內容，希望文章能夠幫你解決所遇到的問題。

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