-
setState 只在合成事件和钩子函数中是"异步"的,在原生事件和 setTimeout 中都是同步的。
-
合成事件:就是react 在组件中的onClick等都是属于它自定义的合成事件
-
原生事件:比如通过addeventListener添加的,dom中的原生事件
-
-
setState的"异步"并不是说内部由异步代码实现,其实本身执行的过程和代码都是同步的,只是合成事件和钩子函数的调用顺序在更新之前,导致在合成事件和钩子函数中没法立马拿到更新后的值,形式了所谓的"异步",当然可以通过第二个参数 setState(partialState, callback) 中的callback拿到更新后的结果。
-
setState 的批量更新优化也是建立在"异步"(合成事件、钩子函数)之上的,在原生事件和setTimeout 中不会批量更新,在"异步"中如果对同一个值进行多次 setState , setState 的批量更新策略会对其进行覆盖,取最后一次的执行,如果是同时 setState 多个不同的值,在更新时会对其进行合并批量更新
react中的setState是同步还是异步
@小倪同学2023-12-17 23:19
相关推荐
刀法如飞28 分钟前
Claude Code Skills 推荐:2026年最值得安装的10个AI技能阿豪只会阿巴43 分钟前
【没事学点啥】TurboBlog轻量级个人博客项目——项目介绍Lee川1 小时前
面试手写 KeepAlive:React 组件缓存的实现原理墨染天姬1 小时前
【AI】cursor提示词小技巧烛阴1 小时前
TEngine 入门系列(一):TEngine 是什么 & 为什么选它转转技术团队1 小时前
WebNN:让 AI 推理在浏览器中“零距离”运行刀法如飞2 小时前
TypeScript 数组去重的 20 种实现方式,哪一种你还不知道?IT_陈寒2 小时前
Vite热更新失效?你可能漏了这个小细节海石2 小时前
面试官:说一下你现在使用的 AI IDE,什么,JoyCode 是什么?彩票管理中心秘书长2 小时前
一次搞懂:在Vue里用Showdown渲染Markdown+KaTeX数学公式