您的位置:首页 > Web前端 > React

React-Redux 恢复列表页跳转明细页之后返回列表状态

2016-07-24 13:48 771 查看
场景:

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

解决方案

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

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

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

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

探讨方案三:

  效果

     






实现代码:

      












   

 

 

 

 

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  React Redux