欢迎来到[自学php网] ①群 AG亚游集团

AG亚游集团 > 网站前端 > react >

react路由-<HashRouter>路由简介

来源:未知 ?? 时间:2019-04-10 16:51?作者:小飞侠

[导读] HashRouter react哈希路由 A Router that uses the hash portion of the URL (i.e. window.location.hash) to keep your UI in sync with the URL. 使用URL的哈希部分(即window.location.hash)保持用户界面与URL同步的router。 IM...

<HashRouter>  react哈希路由

A <Router> that uses the hash portion of the URL (i.e. window.location.hash) to keep your UI in sync with the URL.

使用URL的哈希部分(即window.location.hash)保持用户界面与URL同步的<router>。


IMPORTANT NOTE: Hash history does not support location.key or location.state. In previous versions we attempted to shim the behavior but there were edge-cases we couldn’t solve. Any code or plugin that needs this behavior won’t work. As this technique is only intended to support legacy browsers, we encourage you to configure your server to work with <BrowserHistory> instead.

重要提示:哈希历史不支持location.key或location.state。在以前的版本中,我们试图填充行为,但有一些边缘情况我们无法解决。任何需要此行为的代码或插件都无法工作。由于此技术仅用于支持传统浏览器,因此我们建议您将服务器配置为使用<browserhistory>。


import { HashRouter } from 'react-router-dom'
<HashRouter>
  <App/>
</HashRouter>


basename: string

The base URL for all locations. A properly formatted basename should have a leading slash, but no trailing slash.

所有位置的基本URL。格式正确的basename应该有一个前导斜杠,但不能有尾随斜杠。


<HashRouter basename="/calendar"/>
<Link to="/today"/> / renders <a href="#/calendar/today">


getUserConfirmation: func

A function to use to confirm navigation. Defaults to using window.confirm.

用于确认导航的功能。默认为使用window.confirm。


/ this is the default behavior
function getConfirmation(message, callback) {
  const allowTransition = window.confirm(message);
  callback(allowTransition);}
<HashRouter getUserConfirmation={getConfirmation} />;


hashType: string

The type of encoding to use for window.location.hash. Available values are:

用于window.location.hash的编码类型。可用值包括:


"slash" - Creates hashes like #/ and #/sunshine/lollipops

"noslash" - Creates hashes like # and #sunshine/lollipops

"hashbang" - Creates “ajax crawlable” (deprecated by Google) hashes like #!/ and #!/sunshine/lollipops

Defaults to "slash".


children: node

A single child element to render.

要呈现的单个子元素。


更多延伸~~ /reacttrainingaff4com/react-router/web/api/HashRouter

    上一篇:没有了
    下一篇:没有了

更多文章推荐

最新文章

点击排行

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号@版权所有AG亚游集团

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

2018年全球幸福度排名:芬兰居首 中国略有下滑 河南唐河境内两车相撞已至4死7伤 肇事司机被控制 高盛分析师:特斯拉2020年前最多还需融资100亿美元 中消协:将对华帝退全款维权结案 督促善后处理 相似度100%!詹姆斯13岁儿子这一扣看哭科比 一张图读懂:贸易战为何重点“关照”铝? 伊以“叙利亚战争\"骤然升级 德黑兰:袭击毫无根据 足总杯-阿扎尔造点命中 切尔西擒曼联第8次夺冠 拼多多270亿美元背后真相:穷人多,得穷人者得天下 广东官员深夜与开发商去娱乐场所 被纪委暗访曝光 工信部筹建区块链和分布式记账技术标准化技术委员会 日媒:2025年日本需护理者将达770万 保险费增长
布拉格马拉松历史:诞生于小酒吧 经营多年成就经典 男子烟瘾重在飞机上的洗手间里吸烟三次 被拘10天 “空中手机开机”解禁 为何不能飞机上打电话? 日本团队发现距地132.8亿光年的银河存在氧 520秀恩爱?马英九直播不吃红豆饼 说怕酷酷嫂生气 一线城市房价降了 这些城市依旧在涨 [新浪彩票]07日竞彩赔率解读:热刺尤文激战成和 戏精男酒驾怕被罚 “心脏病发作”直接躺地上 缅甸木姐冲突渐趋平息 已致19死29伤 英首相:英将退出欧盟关税同盟 就关税协议谈判 美要求土耳其释放被监禁牧师 否则将实施重大制裁 以父之名破茧而翱 他是NBA眼下最震撼的扣将
800字“政府工作报告”点击过亿 折射怎样期待? 青岛海尔:公司通过拟在中欧国际交易所D股上市议案 日本PGA锦标赛50岁谷口彻成最年长冠军 梁文冲T37 数亿美元去向不明 马来西亚反贪机构传唤纳吉布 金门县长坚持两岸通水典礼照办 台湾当局耍心机 男子从腊月二十开始天天大吃大喝 血浆变“油浆” 曹建明:五年查处违纪违法检察人员2089人 “丧托”漫天要价东西质量还很差:1场葬礼花2万多 申请看视频回放?黄牌请拿好 重庆队长红牌并不冤 白手起家创业好项目 谁需要钱我借他100万 过年摆地摊赚10万 女人开什么店比较好 AG亚游集团