react router mobile 页面跳转多次出现卡顿-解决

最近在项目中遇到的问题和大家分享。以免更多的人踩坑

页面需求如下图:


    坑:当页面下一题点击次数过多时,页面会变得卡顿,甚至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的盆友们碾压各种坑!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,916评论 25 709
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,731评论 1 180
  • 繁华的街头灯火辉煌 霓虹闪烁 一次一次回头 你却不在身后 一步一脚印 一步一踌躇 在风中喝最劣的酒 寒风中轻轻地抚...
    松_3978阅读 303评论 0 0
  • 下乡到岽背岗知青队以后,我们这些基本没有出过远门,没有离开过父母的一帮同学,开始过着自己照顾自己,独立自主...
    陈玉生阅读 321评论 0 1
  • 觅冬 林忠顺 找遍荒山几叶红, 风丫蠢蠢欲言衷。 难为树且难为杆, 不像春来不像冬。
    林忠顺阅读 403评论 4 5