react.js - react进入详情后怎么返回到原来的状态

问题描述

问 题

react做的一个webapp，其中一个页面是列表页，然后列表页的每一项点击都可以进入详情。

现在有一个问题，从详情返回后怎么回到进入详情前的状态？

现在我想实现的是，从详情返回的时候回到进入详情前的状态（因为列表页有下拉菜单什么的可以筛选，还有滚动高度、页数什么的，因为是加载更多的方式），但是从其他页面进入的时候是进入到最初的原始状态的。

现在我所用的方法是用redux在列表页卸载前把状态都保存来，从详情页返回到列表页的时候再把redux中的状态放回去，如果是第一次进入到列表页的就会去请求数据。但是后来我发现了一个问题，那就是从其他页面进入到列表页的时候它拿到的也是之前保存在redux里的数据（我希望拿到的是最新的数据，状态也是原始的），特别是下了订单以后，去到订单页面发现没有刚刚下的订单。

这种场景应该是比较常见的，你们是怎么处理的？

求大神解答一下！！！

解决方案

首先详情页面和列表页面是不同的url吧！通过给列表页传递参数可以区分是哪个页面进入的列表页面，然后决定列表页进行哪些操作，比如从别的页面进入列表页：https://www.baidu.com，从详情页面进入列表页面可以https://www.baidu.com？type=‘detail'

这篇关于react.js - react进入详情后怎么返回到原来的状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！