普通的react应用,切换页面后,原页面组件会unmount,页面内部的状态都会丢失。保存页面状态,必然需要把这些数据放在redux中。
数据保存的问题解决了,那又如何保证数据不重复加载呢?即在原页面数据存在的情况下,再次进入页面,不重新发起数据请求?
这里就需要区分是第一次进入页面,还是第二次进入页面。要检测是否是第一次进入页面,可以判断redux中是否存放有该页面中某个状态属性,比如某个过滤项是否存在。如果没有合适的属性,就只能另加一个属性专门判断是否是第一次加载。
xiaofish 2020-04-13 22:25 原文
普通的react应用,切换页面后,原页面组件会unmount,页面内部的状态都会丢失。保存页面状态,必然需要把这些数据放在redux中。
数据保存的问题解决了,那又如何保证数据不重复加载呢?即在原页面数据存在的情况下,再次进入页面,不重新发起数据请求?
这里就需要区分是第一次进入页面,还是第二次进入页面。要检测是否是第一次进入页面,可以判断redux中是否存放有该页面中某个状态属性,比如某个过滤项是否存在。如果没有合适的属性,就只能另加一个属性专门判断是否是第一次加载。