首页 > 技术文章 > React应用如何利用redux保存页面状态,切换页面数据不丢失

xiaofish 2020-04-13 22:25 原文

  普通的react应用,切换页面后,原页面组件会unmount,页面内部的状态都会丢失。保存页面状态,必然需要把这些数据放在redux中。

  数据保存的问题解决了,那又如何保证数据不重复加载呢?即在原页面数据存在的情况下,再次进入页面,不重新发起数据请求?

  这里就需要区分是第一次进入页面,还是第二次进入页面。要检测是否是第一次进入页面,可以判断redux中是否存放有该页面中某个状态属性,比如某个过滤项是否存在。如果没有合适的属性,就只能另加一个属性专门判断是否是第一次加载。

推荐阅读