我是靠谱客的博主 鲤鱼老虎,这篇文章主要介绍React-Redux 恢复列表页跳转明细页之后返回列表状态,现在分享给大家,希望可以做个参考。

场景:

    一、 单页面web程序中列表页有1000条数据,点击一条数据跳转到详细页,然后详细页放回列表页保存列表页有1000条数据不变。

解决方案

    一、用新窗口打开详细页面不让用户返回。

    二、如果是APP模式,监控发起URL地址发现打开链接类型:_blank,   弹出一个新的 webview窗口去承载详细页。

     三、用redux保存当前列表数据状态,注入路由钩子记录页面离开时候DOM节点状态

,在页面加载完上状态数据完毕之后将DOM恢复。



探讨方案三:

  效果

     



实现代码:

      

   

 

 

 

 

 

最后

以上就是鲤鱼老虎最近收集整理的关于React-Redux 恢复列表页跳转明细页之后返回列表状态的全部内容,更多相关React-Redux内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(46)

评论列表共有 0 条评论

立即
投稿
返回
顶部