App切换tab不刷新问题

最新推荐文章于 2025-02-20 14:41:20 发布

山里的猿人

最新推荐文章于 2025-02-20 14:41:20 发布

阅读量873

点赞数

CC 4.0 BY-SA版权

分类专栏： React中遇到的bug ReactNative常见bug 文章标签： javascript

本文链接：https://blog.csdn.net/Mrluog/article/details/116003081

本文讲述了在APP开发中遇到的切换Tab页面数据不刷新问题。提出了两种解决策略：一是切换时更新缓存数据，但可能影响性能；二是利用监听机制，仅在全局参数改变时重新请求数据。作者采用方案二并提供了部分关键代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今日，本山人遇到一个APP开发常见问题，闲来无事，就来叨叨两句，话不多说，问题如下：
四个tab，在其中一个tab中改变了全局参数，然后切换到另外一个tab页面，数据没有刷新。
山人自有妙计，献丑了，希望各位看官看后指点一二：
方案一：
当我们切换数据，改变全局数据的时候，就把APP缓存的数据进行更新。这种方案有个缺陷，就是每次切换的时候都要去更新数据，这样使得APP的性能不是很好。

方案二：
利用监听。当我们改变全局数据后，当我们切换到另外一个tab页面，然后监听所依赖的全局参数是否发生改变，如果发生了改变，然后再去重新请求数据。
我是采用了方案二，当然具体问题具体分析，我相信，这一定不是最优的，但是处理平常的问题应该足以应付，话不多说，说多了都是罪，直接上代码：
提示：代码是不完整的，只截取了主要的关键代码：

export default class GroupManagementPage extends React.Component {
   
   
  constructor() {
   
   
    super();
    this.needRefresh = false; //自动刷新
    this.lisRefresh = null;
    this