为什么这个promise中的setState更新时间比异步函数中的相同代码要长？
在React中，setState是一个异步操作，它会将更新放入队列中，然后在合适的时机批量执行更新。而异步函数中的代码会立即执行，不会等待setState更新完成。
这种设计是为了提高性能和优化渲染过程。当多次调用setState时，React会将这些更新合并为一个更新，然后进行一次性的渲染，避免了频繁的重复渲染。这样可以减少渲染次数，提高性能。
当我们在异步函数中调用setState时，由于异步函数会立即执行，而setState是异步的，所以在异步函数中的代码执行完毕后，setState的更新可能还没有执行。因此，如果在异步函数中立即访问setState更新后的状态，可能会得到旧的状态值。
为了解决这个问题，React提供了一个回调函数作为setState的第二个参数，可以在更新完成后执行。我们可以在回调函数中访问到最新的状态值。
总结起来，promise中的setState更新时间比异步函数中的相同代码要长，是因为setState是一个异步操作，它会将更新放入队列中，等待合适的时机批量执行，而异步函数中的代码会立即执行，不会等待setState更新完成。为了获取最新的状态值，可以使用setState的回调函数。
相关·内容
我这里有两个版本的相同的fetch函数，第一个使用promises，第二个异步等待。据我所知，这两者之间应该没有区别，所以我希望能对这里实际发生的事情做出一些澄清。(`https://hacker-news.firebaseio.com/v0/${query}.json`) this.setState({ postList: data });
con
浏览 22提问于2019-05-28得票数 0
回答已采纳
6回答
result => { console.log(manufacturers) });
participants: manufacturers}const Config = require('Config')
expor
浏览 2提问于2018-11-28得票数 0
2回答
在处理承诺时，我看到了以下代码。而且工作正常。
我读过关于异步/等待代码是如何在节点上运行的浅见。但是，在下面的代码中，如何在session函数中访问.then()变量？这仅仅是因为这段代码能够正常工作，还是节点如何运行异步/等待代码，从而使session变量在.then()函数中可用？async function asyncFunction(
浏览 1提问于2022-03-27得票数 1
回答已采纳
这是我的MapView代码， style={styles.map} this.state.regionthis.getBreakfast : null} {marker}我的问题是，当用户移动地图位置时，地图开始随机移动而不停止，如果不关闭地图窗口当地图加载时，我得到标记并在地图上加载，类似于谷歌地图，我在地图上有一个搜索这个区域
浏览 0提问于2018-11-01得票数 1
回答已采纳
1回答
我有一个想法，在await .then(//setState)函数中设置await .then(//setState)将处理setState的异步性质，但是在运行一些测试之后，这似乎不是真的。();setter() BOTTOM中的日志显示了ZERO，这说明了setState的异步特性。这不应该是ONE吗，因为setter中</
浏览 2提问于2019-02-28得票数 0
为什么在React组件中使用componentDidUpdate更多地推荐使用setState回调函数(可选的第二个参数)(如果需要同步setState行为)？由于setState是异步的，所以我考虑使用setState回调函数(第二个参数)来确保在状态更新后执行代码，类似于承诺的then()。特别是当我需要在后续的setState</e
浏览 2提问于2019-06-07得票数 13
回答已采纳
我使用了axios和promise来获取数据。我注意到的是，当我将setState()函数放在promise之外时，即在then()函数中，子组件不会呈现。但是，当我将相同的setState()函数放在promise中时，子组件可以完美呈现。setState() inside promise axios({
浏览 11提问于2019-09-27得票数 1
4回答
有人能告诉我if / Can语句中的更新状态是否可以由React规则接受吗？特别是基于条件内承诺的结果来更新状态。/example";
somePromiseTwo().then((result) => setState(result)); somePromiseOne(
浏览 12提问于2022-06-22得票数 1
下面是我尝试使用的cleanEnvironment函数，它位于一个名为utils的模块中
name = name || '但我正在努力编写一个允许我使用这个外部模块utils的承诺，这样我就不会在每个套件中重复代码。成功传递并返回正确的this.remote引用的before/after方法中
浏览 1提问于2016-03-10得票数 0
我想使用异步和等待与道具。在这里，一旦减速机成功地更新了数据，我想将状态更改为false。let multipleExchangeDataApi = axios.get(multipleExchangeData + exchangURL + "-usd")
Promise.all，没有什么东西是不存在的。所以我有理由相信我在这里没有正确地使用异步/等待？那么，有
浏览 1提问于2018-10-08得票数 0
回答已采纳
下面的代码片段之间的根本区别是什么？return( <div onClick={textClick}>Click Me</div>); <div className="App">
<div onClick={textClick}>Click Me</d
浏览 26提问于2021-04-17得票数 0
在我的ReactJS项目中，我一直在使用babel的异步等待。我发现了React的一个方便用法，我只是想更好地理解它。'asynchronous validation code') console.log('updated component') 我的意图是在组件更新后运行异步验证代码通常，要在状态更新后运行代码</em
浏览 0提问于2017-10-30得票数 43
回答已采纳
3回答
现在，它有一个按钮，当我按下它时，它会增加一个文本字段1，我还希望该按钮现在显示来自我导入的另一个函数的文本。我有我的主App.js和另一个导入到App.js中的文件，它包含一个返回字符串值的函数。myFunction本身运行良好，并将通过console.log将其结果打印到控制台，但当我添加行时
r
浏览 1提问于2019-03-21得票数 3
回答已采纳
1回答
看看这段代码： $.post("/increment_in_one", {.val() ); // this shows 3<
浏览 1提问于2010-09-13得票数 1
回答已采纳
2回答
因此，我已经做了几个月的function本地的，我偶然发现了一种情况，在setState函数中必须更新一个巨大的块。之后，我不得不调用一个依赖于状态的函数。当然，自从我了解到setState是异步的之后，状态就没有立即发生变化。，而等待等待的是promise.....right吗？因此，根据这种逻辑，在前面的代码中</e
浏览 2提问于2021-11-19得票数 0
回答已采纳
setShipmentModal(false) }}下面代码中的setInvoiceShipment({})状态是首先更新的，但我希望首先更新我的setShipmentModal状态。
浏览 17提问于2022-04-19得票数 0
4回答
我知道这是不起作用的，因为setState是异步的，因此根据文档，我可以使用回调。
}, 0)有人能向我解释为什么</
浏览 1提问于2019-12-13得票数 2
2回答
如何处理异步等待的同步错误？
、、、、
我在我的应用程序中得到了一些未处理的拒绝，但我非常肯定，我所有的代码都被错误处理正确地包装起来。在深入研究之后，我发现异步/等待并不像我所期望的那样。基本上，我的异步函数会抛出一个同步错误，然后将该错误作为一个未被处理的异常来处理。即使当我显式地将代码包装在try catch中时也会发生这种情况，但当我等待抛出错误的同步方法时就不会发生这种情况。我使用b
浏览 4提问于2017-12-07得票数 0
有没有办法让curry函数异步呢？ this.setState({something:event.target.value}
浏览 2提问于2018-11-01得票数 0
我希望函数只在发生setState之后返回。我的代码如下所示 state={ b: false this.setState({a: true}); this.setState({b: true});
//do something over here to wait until setState</e
浏览 55提问于2020-05-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
