React應用如何利用redux保存頁面狀態,切換頁面數據不丟失


  普通的react應用,切換頁面后,原頁面組件會unmount,頁面內部的狀態都會丟失。保存頁面狀態,必然需要把這些數據放在redux中。

  數據保存的問題解決了,那又如何保證數據不重復加載呢?即在原頁面數據存在的情況下,再次進入頁面,不重新發起數據請求?

  這里就需要區分是第一次進入頁面,還是第二次進入頁面。要檢測是否是第一次進入頁面,可以判斷redux中是否存放有該頁面中某個狀態屬性,比如某個過濾項是否存在。如果沒有合適的屬性,就只能另加一個屬性專門判斷是否是第一次加載。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM