最近在项目中遇到的问题和大家分享。以免更多的人踩坑
页面需求如下图:
坑:当页面下一题点击次数过多时,页面会变得卡顿,甚至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的盆友们碾压各种坑!