Advertisement

[react-router] How does React Router work?

阅读量:

[react-router] React-Router的实现原理是什么?

  1. "react-router-dom" 是一个独立第三方编写的 JavaScript 库,在项目结构中位于基础 - history 位置上。
    它能够支持于各种浏览器环境中对历史记录的管理,并提供了一套统一 API 接口来实现这一功能。
    具体来说:"react-router-dom" 中的历史功能主要包括三个主要类别:
  2. 用于缓存访问日志数据;
  3. 用于缓存页面内容数据;
  4. 用于缓存 JavaScript 脚本数据。
  • HashRouter :通常用于老浏览器的历史记录存储与管理,默认情况下会基于哈希表进行操作。
    • WebView :这一功能主要用于高版本浏览器的历史记录查询,默认会调用createBrowserHistory()方法。
    • MemeoryRouter:在Node环境下,默认会选择使用内存作为历史数据的存储介质。

*createHashHistory、createBrowserHistory、createMemoryHistory方法实际上实现了这些基础功能。
分别包括go()、replace()和push()等操作。
在HashRouter组件中,我们采用pushState和popState事件来管理状态。
相反,在HashRo

全部评论 (0)

还没有任何评论哟~