首页 > 其他分享 >react中setState为什么设计成异步更新

react中setState为什么设计成异步更新

时间:2022-12-01 11:46:12浏览次数:49  
标签:异步 调用 render 更新 react state props setState

1.可以显著提升性能:
因为每次调用setState进行更新,都会调用render函数,导致界面也会频繁更新,因此最好是获取到多个更新后,再进行批量更新。
2.可以使state和props保持同步
如果同步更新state,但是还没有调用render函数,会使state和props不能保持同步,会在开发中产生很多问题。

标签:异步,调用,render,更新,react,state,props,setState
From: https://www.cnblogs.com/cz-basic/p/16940935.html

相关文章

  • 异步方法代码片段
    VS=>工具=>代码片段管理器=>下拉选择语言==>导入/添加创建名为method.snippet的文件,然后将其导入<?xmlversion="1.0"encoding="utf-8"?><CodeSnippetsxmln......
  • React Webpack copy文件到build路径
    目的:webpack打包时将资源文件copy到指定路径1:安装依赖copy-webpack-plugin、customize-cra、react-app-rewired2:修改script,使用react-app-rewired命令"build:copy":"......
  • React useRef
    useRef应用场景:绑在DOM上,绑在组件上,保存临时变量永远不丢失举个栗子importReact,{useState,useRef}from'react'exportdefaultfunctionApp(){const[......
  • React Server Component: 混合式擦染
    ReactServerComponent:混合式擦染原创字节跳动终端技术工作日志前天16:29阅读数20本文被收录于专区大前端进入专区参与更多专题讨论 ......
  • React 生命周期
    本文基于react18当组件实例被创建并插入DOM中时,其生命周期调用顺序如下constructor构造getDerivedStateFromProps从props中获取staterender渲染componentDi......
  • 第五章、react高级
    目录十一、AntDesign组件库1、react中添加class-使用第三方库classnames2、antdesign简介3、认识craco4、自定义主题5、配置别名6、案例十二、axios库的使用1、axios的基本......
  • springboot任务之异步任务
    1-新建工程,只选web模块2-新增service包,AsyncService类packagecom.example.springboottask.service;importorg.springframework.stereotype.Service;@Servicepublicclas......
  • SpringBoot 如何实现异步编程
    https://blog.csdn.net/m0_60028455/article/details/121650608 首先我们来看看在Spring中为什么要使用异步编程,它能解决什么问题?为什么要用异步框架,它解决什么问题?在......
  • React学习笔记,文档中的大部分代码都有注释
    React主要用于构建UI。你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTMLDOM元素、也可以传递动态变量、甚至是可交互的应用组件。1.使用(......
  • React Native 单位详细说明
    之前在ReactNative笔记(二)中总结了一点,RN长宽单位默认对应DP:所谓与密度无关就是密度变化不引起物理尺寸的变化,这一点DP与RN官方说的一致.现在想想,也就是说1DP在物理尺寸上......