react中的setState是同步还是异步

7月前作者：@小倪同学分类：Toy博客阅读(24) 违法举报

这篇具有很好参考价值的文章主要介绍了react中的setState是同步还是异步。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

setState 只在合成事件和钩子函数中是“异步”的，在原生事件和 setTimeout 中都是同步的。
- 合成事件：就是react 在组件中的onClick等都是属于它自定义的合成事件
- 原生事件：比如通过addeventListener添加的，dom中的原生事件
setState的“异步”并不是说内部由异步代码实现，其实本身执行的过程和代码都是同步的，只是合成事件和钩子函数的调用顺序在更新之前，导致在合成事件和钩子函数中没法立马拿到更新后的值，形式了所谓的“异步”，当然可以通过第二个参数 setState(partialState, callback) 中的callback拿到更新后的结果。
setState 的批量更新优化也是建立在“异步”（合成事件、钩子函数）之上的，在原生事件和setTimeout 中不会批量更新，在“异步”中如果对同一个值进行多次 setState ， setState 的批量更新策略会对其进行覆盖，取最后一次的执行，如果是同时 setState 多个不同的值，在更新时会对其进行合并批量更新文章来源地址https://www.toymoban.com/news/detail-758927.html

到了这里，关于react中的setState是同步还是异步的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

前端中的同步和异步任务详细说明

一、什么是同步/异步任务？同步任务：指的是在主线程上排队执行的任务，只有当前一个任务执行完毕才能执行下一个任务（按照顺序执行）异步任务：指的是不进入主线程上的任务，进入任务队列的任务，只有当任务队列通知主线程某个异步任务可以执行，方可进入主线

2024年04月26日
浏览(24)
【前端知识】React 基础巩固(三十六)——RTK中的异步操作

引入RTK中的createAsyncThunk，在extraReducers中监听执行状态在界面中引入所需的异步操作Action 查看运行结果 extraReducer还可以传入一个函数，函数接受一个builder参数：查看运行结果，与之前的写法结果一致

2024年02月15日
浏览(34)
React16源码: React中的setState和forceUpdate源码实现

setState 和 forceUpdate 1 ）概述通过 class component 内部的 setState ，以及 forceUpdate 去更新一个组件的过程在react的应用当中，我们只有 ReactDOM.render setState ，以及 forceUpdate 这几种种方式去更新react的应用是合理的，其他没有什么特别常用的方式去更新了而且react官方推荐的也是用

2024年01月25日
浏览(25)
React中的setState使用细节和原理解析

前面我们有使用过setState的基本使用, 接下来我们对setState使用进行详细的介绍使用setState的原因开发中我们并不能直接通过修改state的值来让界面发生更新：因为我们修改了state之后，希望React根据最新的State来重新渲染界面，但是 this.state 这种方式的修改React并不知道数据发

2024年02月03日
浏览(29)
【前端知识】React 基础巩固(三十四)——组件中的异步操作及优化

通过组件的生命周期来完成网络请求，网络请求的异步代码直接放在组件中通过redux来管理异步网络请求在store中引入中间件 redux-thunk 构建 fetchHomeMultidataAction ，将原本在组件中的异步请求代码放入到actionCreators.js中改写原来的category.jsx，派发异步请求的dispatch 查看运行结果

2024年02月15日
浏览(47)
20230515学习笔记——js中的同步任务与异步任务，宏任务与微任务

2023-05-15 （1）js中的同步任务与异步任务 ①同步任务是指：不耗时的任务，就是执行很快， ②异步任务是指：耗时的任务，它里面有一个机制是EventLoop(事件循环)，即值耗时任务会被js分配到宿主环境中进行执行，执行后的结果放到一个“消息队列”中，当js将同步任务执行完

2024年02月04日
浏览(30)
js 同步与异步

一、js 执行机制 JavaScript语言的一大特点就是单线程，即（同一时间只能做一件事情）。因为JavaScript是为了处理页面中用户的交互，以及操作DOM而诞生的。比如对某个DOM元素进行添加和删除操作。不能同时进行，应该先进行添加，再进行删除。单线程就意味着，所有任务需

2024年02月06日
浏览(27)
JS执行机制--同步与异步

单线程 JavaScript语言具有单线程的特点，同一个时间只能做一件事情。这是因为JavaScript脚本语言是为了处理页面中用户的交互，以及操作DOM而诞生的。如果对某个DOM元素进行添加和删除，不同同时进行。应该是先添加，再删除，事件有序。单线程的特点是所有任务都需要排队

2023年04月20日
浏览(23)
JavaScript编程技巧：将异步方法转换为同步执行的实用方法

当在JavaScript中处理异步操作时，我们通常会使用 async/await 来简化异步代码的编写和理解。然而，有时候我们可能需要将异步方法转换为同步执行的方法，以满足特定的需求。在本篇博客中，我们将详细讨论如何将异步方法转换为同步执行的方法。异步方法的主要特点是非阻

2024年02月08日
浏览(30)
JS设置Ajax为同步或异步

在使用 AJAX（Asynchronous JavaScript and XML）时，可以通过设置 XMLHttpRequest 对象的 async 属性来控制请求是同步（synchronous）还是异步（asynchronous）。异步（Asynchronous）：如果 async 属性设置为 true ，则 AJAX 请求是异步的。这意味着 JavaScript 不会等待服务器的响应，而是继续执行其他

2024年04月27日
浏览(21)