React路由 + 绝对路径引用
2024-08-23 01:52:24
路由:
哈希路由(在url地址后加 #name)
// 实现页面监听
window.onhashchange = function(){
console.log(‘hash:’,window.location.hash)
}
H5路由(history.pushState(‘起的名字’, ‘title字段’, ‘跳转的地址’))
H5路由高级的地方就是可以跳转一个hash值,也可以跳转一个路径,且跳转路径时页面不会刷新
// 实现页面监听
window.onpopstate = function (e) {
console.log(‘H5:’, window.location.pathname)
}
还有一个特殊的 history.replaceState,它和 history.pushState 调用方式一样。唯一的区别是pushState是在历史记录栈推送一条记录,而replaceState是替换当前的历史记录栈,不会更改其他的历史记录。
React和路由相关的元素:
// 哈希路由
<HashRouter> // H5路由
<BrowserRouter> // 路由规则
<Route> // 路由选项
<Switch> // 跳转导航
<Link> || <NavLink> // 自动跳转
<Redirect>
绝对路径的引用
相信很多童鞋在React中出现过引用过长的问题
举个
最新文章
- Windows Server 2008 R2 IIS7.5下PHP、MySQL快速环境配置【图】
- .net批量插入SqlServer数据库的方法:
- NoSuchMethodError: antlr.collections.AST.getLine()I
- linux下socket编程
- jquery面试题里 缓存问题如何解决?
- ***用php的strpos() 函数判断字符串中是否包含某字符串的方法
- shell脚本学习(三)
- Linux0.11中对文本文件进行修改的策略
- css块级元素和行内元素详细解析
- linux 做了raid后,硬盘坏了更换问题
- Sunscreen POJ - 3614(贪心)
- Android生成二维码--拍照或从相册选取图片
- PHP中日志相关处理
- Mybatis配置返回为修改影响条数
- Python 传值和传址 copy/deepcopy
- SFML从入门到放弃(3) 视角和碰撞检测
- 对avalon的类名操作进行升级
- C++解析(8):C++中的新成员
- php -- in_array函数
- C语言变参函数的实现原理
热门文章
- redis linux(centos) 安装
- Deep learning with Python 学习笔记(7)
- [转]完整记录在 windows7 下使用 docker 的过程
- java_完数
- I want to learn Android Development, where do I start?
- 浏览器能正常访问的url,superagent不能正常访问
- 10种JavaScript开发者必备的VS Code插件
- ngx-echarts响应式图表
- 2018 年终总结 &; 2019 年度计划
- csharp: mappings using Dapper-Extensions+Dapper.net.