react router mobile 頁(yè)面跳轉(zhuǎn)多次出現(xiàn)卡頓-解決

最近在項(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的盆友們碾壓各種坑!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,094評(píng)論 25 709
  • 用到的組件 1、通過(guò)CocoaPods安裝 2、第三方類庫(kù)安裝 3、第三方服務(wù) 友盟社會(huì)化分享組件 友盟用戶反饋 ...
    SunnyLeong閱讀 15,192評(píng)論 1 180
  • 繁華的街頭燈火輝煌 霓虹閃爍 一次一次回頭 你卻不在身后 一步一腳印 一步一躊躇 在風(fēng)中喝最劣的酒 寒風(fēng)中輕輕地?fù)?..
    松_3978閱讀 326評(píng)論 0 0
  • (崠背崗的回憶) 春雨連綿。 乍暖還寒的時(shí)候最難將息,何況是連旬的膩雨。天像破絮胎棉襖,終日漏著濕冷的絮...
    陳玉生閱讀 383評(píng)論 0 3
  • 覓冬 林忠順 找遍荒山幾葉紅, 風(fēng)丫蠢蠢欲言衷。 難為樹且難為桿, 不像春來(lái)不像冬。
    林忠順閱讀 440評(píng)論 4 5

友情鏈接更多精彩內(nèi)容