React-Router基础（<HashRouter>）

最新推荐文章于 2025-07-19 01:45:00 发布

weixin_30293079

最新推荐文章于 2025-07-19 01:45:00 发布

阅读量413

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xingxingclassroom/p/10740184.html

本文深入解析了HashRouter的工作原理，它是如何通过hash值控制路由，以及其与BrowserHistory的区别。探讨了basename、getUserConfirmation等属性的使用，并介绍了hashType选项，包括slash、noslash和hashbang三种编码类型。

<Router>使用URL（即window.location.hash）的哈希部分来保持UI与URL同步的A。

重要说明：哈希历史记录不支持location.key或location.state。在以前的版本中，我们试图填充行为，但是有一些我们无法解决的边缘情况。任何需要此行为的代码或插件都不起作用。由于此技术仅用于支持旧版浏览器，因此我们建议您配置要使用的服务器<BrowserHistory>。

HashRouter 是通过 hash 值来对路由进行控制。使用 HashRouter，路由会默认有个#。

basename：同<BrowserRouter>类似

getUserConfirmation：同<BrowserRouter>类似

hashType：string
要用于的编码类型window.location.hash。可用值包括：
　　"slash"- 创建像#/和的哈希#/sunshine/lollipops
　　"noslash"- 创建像#和的哈希#sunshine/lollipops
　　"hashbang"- 创建“ajax crawlable”（谷歌弃用）哈希像#!/和#!/sunshine/lollipops
默认为"slash"。

children：同<BrowserRouter>类似

转载于:https://www.cnblogs.com/xingxingclassroom/p/10740184.html