react router mobile 页面跳转多次出现卡顿-解决
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react router mobile 页面跳转多次出现卡顿-解决相关的知识，希望对你有一定的参考价值。
参考技术A 最近在项目中遇到的问题和大家分享。以免更多的人踩坑页面需求如下图：
坑：当页面下一题点击次数过多时，页面会变得卡顿，甚至mobile browser 崩溃、闪退
页面路径：XXXXXX/1、XXXX/2、XXXX/3
当跳转到下一个界面时 history.push(`$url/$id`,OBJECT)
遇到问题：当页面下一题点击次数过多时，页面会变得越来越卡顿卡顿，甚至mobile browser 崩溃、闪退
我google了大量的资料，最后发现是react router的原因
解决方案：http://reacttraining.cn/web/api/Link/replace-bool
push 会将历史保存在堆栈中
replace 则会清除
将push改成replace 完美解决！
愿react的盆友们碾压各种坑！
react中路由跳转，当前页面上直接打开新标签页，重新开一个单独的页面
参考技术A 当前页面不关闭的情况下，需要重开启一个新页面1、设置需要跳转页面的路由：router.config.js
2、获取绝对路径实现新标签页开启页面
以上是关于react router mobile 页面跳转多次出现卡顿-解决的主要内容，如果未能解决你的问题，请参考以下文章
react-router5.x 的配置及其页面跳转方法和js跳转方法