setState是同步还是异步?

这是一道非常高频的react面试题,但是大多数的前端要么回答不完整,要么回答不深入。老规矩,点赞收藏支持一下,给我一分钟,理想哥教你该怎么满分回答这个问题。

如果我是求职者,我会这么回答:

setState是同步还是异步?需要区分react 18之前和之后两种情况。

在react 18之前,源码中executionContext字段代表着目前任务所处的阶段,如果executionContext被赋值,代表着该任务进入到了react 的调度流程中,此时react会对该任务进行异步处理,就是我们常说的批量处理,如果executionContext没有被赋值,代表着该任务没有进入到react 的调度流程,此时react会对该任务进行同步处理。

setTimeout、setInterval等原生事件都不会进入到react的调度流程,所以是同步处理,而合成事件,都会进入到react 的调度流程,所以会异步处理。

从react 18开始,当你使用createRoot创建应用后,不管是原生事件还是合成事件,所有的事件都会自动进行异步处理了,但是如果你还是依然使用render进行渲染,那么,事件流程还是和react 18之前的机制一样。

以上就是这个问题的回答了,大家可以下次面试时试试这么回答看看效果。

最后,欢迎关注理想哥,每天学点前端面试小技巧。

#前端##前端面试##react#
全部评论

相关推荐

2025-12-08 07:42
门头沟学院 Java
27届末九,由于是女生,身边人几乎没有就业导向的,自学只能跟着网课,没人指导,很迷茫。下图是我目前的简历,不知道有需要修改的地方吗?求拷打。下面是目前的学习情况:目前算法过完了一遍力扣100和代码随想录,不过不是很熟,面经看了小林coding、JavaGuide,有一些没用过的技术看得不是很明白,掌握得不是很扎实。再加上常年跟黑马网课听思路,真正自己动手写代码的时间很少,这让我一直不敢投简历,总觉得内里空虚。项目没准备好面试相关的问题,简历上相应的考点不熟。如此种种。。。看到很多很多学长学姐大佬们的面经,愈发觉得面试可怕,自己没准备好,总担心自己是不是无望后端开发了。看到牛客很多同届以及更小一届的同学都找到实习了,很希望自己也能找到实习。而自己又好像摸不到后端学习的门路,只能不断赞叹黑马虎哥写的代码真优雅!微服务架构实在巧妙!消息队列、redis、sentinel、nacos、mybatisplus等等的引入都会让我赞叹这些工具的设计者的巧思,以及包括但不限于Java语言的优雅。然而只是停留在了解的程度,并不熟练。我是很希望能够继续深入探索这些知识的,只不过有一大部分时间都花在学校课程上了。我感觉我被困住了,我一方面必须保证我能够有个不错的学业分使我能有我几乎不想选择的读研退路(还有个原因是复习不全我会焦虑考试挂科,因此我会做好全面的准备,而这一步很费时间),一方面在B站学习各种网课,一方面得考虑提升自己并不扎实的算法基础,另一方面还得准备八股面经。这让我有点苦恼,我好像没那么多时间,因为绝大部分时间都花在了复习学校科目中了。我好像处处用时间,但收效甚微。想问问各位大佬是怎么平衡时间的呢?算法、项目和八股是怎么准备的呢?有什么高效的方法吗?谢谢您们花时间阅读我的稿件!
菜菜狗🐶:大胆投,我当时也是害怕面试,投多了发现根本约不到面🤡
投递哔哩哔哩等公司8个岗位
点赞 评论 收藏
分享
2025-12-09 16:37
西北大学 前端工程师
点赞 评论 收藏
分享
评论
2
1
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务