[react-router] How does React Router work?
发布时间
阅读量:
阅读量
[react-router] React-Router的实现原理是什么?
- "react-router-dom" 是一个独立第三方编写的 JavaScript 库,在项目结构中位于基础 - history 位置上。
它能够支持于各种浏览器环境中对历史记录的管理,并提供了一套统一 API 接口来实现这一功能。
具体来说:"react-router-dom" 中的历史功能主要包括三个主要类别: - 用于缓存访问日志数据;
- 用于缓存页面内容数据;
- 用于缓存 JavaScript 脚本数据。
- HashRouter :通常用于老浏览器的历史记录存储与管理,默认情况下会基于哈希表进行操作。
- WebView :这一功能主要用于高版本浏览器的历史记录查询,默认会调用
createBrowserHistory()方法。 - MemeoryRouter:在Node环境下,默认会选择使用内存作为历史数据的存储介质。
- WebView :这一功能主要用于高版本浏览器的历史记录查询,默认会调用
*createHashHistory、createBrowserHistory、createMemoryHistory方法实际上实现了这些基础功能。
分别包括go()、replace()和push()等操作。
在HashRouter组件中,我们采用pushState和popState事件来管理状态。
相反,在HashRo
全部评论 (0)
还没有任何评论哟~
