美文网首页
react router mobile 页面跳转多次出现卡顿-解

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

作者: A小发_bff0 | 来源:发表于2018-05-29 16:41 被阅读0次

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

页面需求如下图:

    坑:当页面下一题点击次数过多时,页面会变得卡顿,甚至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 router mobile 页面跳转多次出现卡顿-解

      本文链接:https://www.haomeiwen.com/subject/cwsmxftx.html