最近在項(xiàng)目中遇到的問(wèn)題和大家分享。以免更多的人踩坑
頁(yè)面需求如下圖:

? ? 坑:當(dāng)頁(yè)面下一題點(diǎn)擊次數(shù)過(guò)多時(shí),頁(yè)面會(huì)變得卡頓,甚至mobile?browser 崩潰、閃退
頁(yè)面路徑:XXXXXX/1、XXXX/2、XXXX/3
當(dāng)跳轉(zhuǎn)到下一個(gè)界面時(shí) history.push(`${url}/${id}`,{OBJECT})
遇到問(wèn)題:當(dāng)頁(yè)面下一題點(diǎn)擊次數(shù)過(guò)多時(shí),頁(yè)面會(huì)變得越來(lái)越卡頓卡頓,甚至mobile?browser 崩潰、閃退
我google了大量的資料,最后發(fā)現(xiàn)是react router的原因
解決方案:http://reacttraining.cn/web/api/Link/replace-bool
push 會(huì)將歷史保存在堆棧中
replace 則會(huì)清除
將push改成replace 完美解決!
愿react的盆友們碾壓各種坑!
