React-Redux 恢復列表頁跳轉明細頁之後返回列表狀態
場景:
一、 單頁面web程式中列表頁有1000條資料,點選一條資料跳轉到詳細頁,然後詳細頁放回列表頁儲存列表頁有1000條資料不變。
解決方案
一、用新視窗開啟詳細頁面不讓使用者返回。
二、如果是APP模式,監控發起URL地址發現開啟連結型別:_blank, 彈出一個新的 webview視窗去承載詳細頁。
三、用redux儲存當前列表資料狀態,注入路由鉤子記錄頁面離開時候DOM節點狀態
,在頁面載入完上狀態資料完畢之後將DOM恢復。
探討方案三:
效果
實現程式碼: