React监听浏览器返回(页面跳转问题)(关于点击浏览器返回错误界面的问题)
发布日期:2021-05-20 10:06:16
浏览次数:10
分类:技术文章
本文共 509 字,大约阅读时间需要 1 分钟。
1、React浏览器页面返回错误,点击面包屑没有问题,但是点击浏览器返回键却出现跳转错误。
2、首先需要监听浏览器返回事件,然后调用自己写的返回方法 3、在组件挂载完成后 ,判断浏览器是否支持popstatecomponentDidMount() { // 监听浏览器点击返回 if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popstate', this.handleBack, false); } }
4、组件销毁时,取消监听
一定要记得取消监听 this.handleBack为调用方法 是自己写的跳转页面的方法// 页面销毁取消监听 componentWillUnmount () { window.removeEventListener('popstate', this.handleBack, false); };
转载地址:https://blog.csdn.net/weixin_45416217/article/details/103423474 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
感谢大佬
[***.8.128.20]2024年04月25日 13时43分46秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
使用DataGrid动态绑定DropDownList
2019-04-27
DataGrid删除确认及Item颜色交替
2019-04-27
NetBeans配置Xdebug 远程调试PHP
2019-04-27
MediaWiki安装
2019-04-27
Squid安装
2019-04-27
如何查看当前Linux的版本
2019-04-27
Ubuntu安装Nginx
2019-04-27
Ubuntu 下安装thttpd Web服务器
2019-04-27
用thttpd做Web Server
2019-04-27
服务器端开发经验总结 Linux C语言
2019-04-27
将网站程序放在tmpfs下
2019-04-27
使用Nginx的proxy_cache缓存功能取代Squid
2019-04-27
nginx 反向代理,动静态请求分离,proxy_cache缓存及缓存清除
2019-04-27
nginx 的proxy_cache才是王道
2019-04-27
Nginx proxy_cache 使用示例
2019-04-27
Nginx源代码分析 - 日志处理
2019-04-27
使Apache实现gzip压缩
2019-04-27
Memcached在大型网站中应用
2019-04-27
Hadoop简要介绍
2019-04-27
squid中的X-Cache和X-Cache-Lookup的意义
2019-04-27