React-Redux 恢復列表頁跳轉明細頁之後返回列表狀態

場景:

    一、 單頁面web程序中列表頁有1000條數據,點擊一條數據跳轉到詳細頁,然後詳細頁放回列表頁保存列表頁有1000條數據不變。

解決方案

    一、用新窗口打開詳細頁面不讓用戶返回。

    二、如果是APP模式,監控發起URL地址發現打開鏈接類型:_blank,   彈出一個新的 webview窗口去承載詳細頁。

     三、用redux保存當前列表數據狀態,注入路由鉤子記錄頁面離開時候DOM節點狀態

,在頁面加載完上狀態數據完畢之後將DOM恢復。



探討方案三:

  效果

     



實現代碼:

      

   

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章