开发者社区> 问答> 正文

#React 如何使用setState防止不必要的更新?

#React 如何使用setState防止不必要的更新?

展开
收起
因为相信,所以看见。 2020-05-08 10:29:10 687 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    您可以将状态的当前值与现有的状态值进行比较,并决定是否重新呈现页面。如果值相同,则需要返回null以停止重新渲染,否则返回最新状态值。例如,用户配置文件信息有条件地呈现如下,

    getUserProfile = user => {
      const latestAddress = user.address;
      this.setState(state => {
        if (state.address === latestAddress) {
          return null;
        } else {
          return { title: latestAddress };
        }
      });
    };
    
    2020-05-08 10:29:34
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载