jlabel 不能连续两次set_为什么有时连续多次setState只有一次生效?

例如下面的代码,两次打印出的结果是相同的:

componentDidMount() {

this.setState({ index: this.state.index + 1 }, () => {

console.log(this.state.index);

})

this.setState({ index: this.state.index + 1 }, () => {

console.log(this.state.index);

})

}

原因就是 React会批处理机制中存储的多个 setState进行合并,来看下 React源码中的 _assign函数,类似于 Object的 assign:

_assign(nextState,typeof partial ==='function'?partial.call(inst,nextState,props,context):partial);

如果传入的是对象,很明显会被合并成一次,所以上面的代码两次打印的结果是相同的:

Object.assign(

nextState,

{index: state.index+ 1},

{index: state.index+ 1}

)

注意, assign函数中对函数做了特殊处理,处理第一个参数传入的是函数,函数的参数 preState是前一次合并后的结果,所以计算结果是准确的:

componentDidMount() {

this.setState((state, props) => ({

index: state.index + 1

}), () => {

console.log(this.state.index);

})

this.setState((state, props) => ({

index: state.index + 1

}), () => {

console.log(this.state.index);

})

}

所以上面的代码两次打印的结果是不同的。

最佳实践

React会对多次连续的 setState进行合并,如果你想立即使用上次 setState后的结果进行下一次 setState,可以让 setState 接收一个函数而不是一个对象。这个函数用上一个 state 作为第一个参数,将此次更新被应用时的 props 做为第二个参数。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/504795.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java字符流实际上也是字节,[Java教程]Java字节流与字符流的区别

[Java教程]Java字节流与字符流的区别0 2017-05-22 12:00:42字节流与和字符流的使用非常相似,两者除了操作代码上的不同之外,是否还有其他的不同呢?实际上字节流在操作时本身不会用到缓冲区(内存),是文件本身直接操作的&#xff0c…

redis主从集群搭建eclipse_【Redis】Redis 主从模式搭建

主从模式介绍Redis虽然读取写入的速度都特别快,但是也会产生读压力特别大的情况。为了分担读压力,Redis支持主从复制,Redis的主从结构可以采用一主多从或者级联结构,Redis主从复制可以根据是否是全量分为全量同步和增量同步。下图…

unicode编码 php,PHP 的 UNICODE 编码和解码

方法一:function unicode_encode($name){$name iconv(UTF-8, UCS-2, $name);$len strlen($name);$str ;for ($i 0; $i < $len - 1; $i $i 2){$c $name[$i];$c2 $name[$i 1];if (ord($c) > 0){ //两个字节的文字$str . \u.base_convert(ord($c), 10, 16).str_pad…

django models索引_sql – 为什么Django显式地在唯一字段上创建索引

更新&#xff1a;进一步简化实验psql的Q&#xff1a;对于以下Django模型&#xff1a;class Book(models.Model):name models.TextField(uniqueTrue)pg_dump(PostgreSQL 9.3)显示下表&限制&#xff1a;CREATE TABLE book (id integer NOT NULL,name text NOT NULL,);ALTER …

php获取指定日期的万年历,分享3个php获取日历的函数

提供一个日期,获取这个日期的星期对应日历列表,键为星期标示$month_date 2015-09-25;$start_time strtotime($month_date);$start_week date(w, $start_time);$total_month_day date(t, $start_time);$weeks_in_month ceil(($start_week$total_month_day)/7);$month_day_a…

php获取html中文本框内容_小猿圈Python入门之批量获取html内body内容的方法

对于人工智能你了解有多少&#xff1f;你知道Python的使用吗&#xff1f;这个对于大部分初学者来说都是很难的&#xff0c;小猿圈Python讲师会每天为大家选择分享一个知识点&#xff0c;希望对你学习Python有所帮助&#xff0c;今天分享的就是批量获取html内body内容的方法。现…

php改名下载,PHP如何给上传的文件改名

PHP如何给上传的文件改名发布时间&#xff1a;2020-08-03 16:07:39来源&#xff1a;亿速云阅读&#xff1a;72作者&#xff1a;LeahPHP如何给上传的文件改名&#xff1f;相信很多没有经验的人对此束手无策&#xff0c;为此本文总结了问题出现的原因和解决方法&#xff0c;通过这…

python 循环 覆盖之前print内容_Python爬虫第二战---爬取500px图片

前言&#xff1a;如今的高速网络极大促进了信息的展示方式&#xff0c;高清图片&#xff0c;视频等成就了我们的视听盛宴。但是&#xff0c;我们获取到的图片或者视频可能是被压缩过的&#xff0c;所以总体上还是有点小瑕疵&#xff0c;今天呢&#xff0c;我给大家带来一篇使用…

php字符串分割tp模板,ThinkPHP 模板substr的截取字符串函数详解

ThinkPHP 模板substr的截取字符串函数在Common/function.php加上以下代码/**** 截取中文字符串**/function msubstr($str, $start0, $length, $charset"utf-8", $suffixtrue){if(function_exists("mb_substr")){$slice mb_substr($str, $start, $length, $…

macyy_macyy进频道失败怎么办

大家好&#xff0c;我是时间财富网智能客服时间君&#xff0c;上述问题将由我为大家进行解答。macyy进频道失败的解决方法&#xff1a;1、进入不了频道请先留意自己当地的网络状况是否良好&#xff0c;电脑上尽量不要开启占用网络资源的软件&#xff0c;如&#xff1a;下载工具…

tomcat.exe java home,tomcat.exe启动和startup.bat启动的不同

一、tomcat7.exe与startup.bat的区别&#xff1a;1、这两个都可以启动tomcat&#xff0c;但tomcat7.exe必须安装了服务才能启动&#xff0c;而startup.bat不需要2、另外一个区别是它们启动所使用的JAVA环境配置是分开的tomcat7.exe启动所使用JAVA配置与服务启动所使用的JAVA配置…

acc定义代码 神经网络_神经网络的这几个坑,你都躲过了吗

因为AI这两年的火爆&#xff0c;大家拿着锤子到处找钉子&#xff0c;锤子当然也砸到了我头上&#xff0c;有很多做业务的同事尝试通过AI的方法解决需要一些很复杂的业务逻辑算法&#xff0c;同时需要很多参数组合才能搞定的问题。但因为都是非科班出身也没有系统学习&#xff0…

java事件绑定,Java编程GUI中的事件绑定代码示例

程序绑定的概念&#xff1a;绑定指的是一个方法的调用与方法所在的类(方法主体)关联起来。对java来说&#xff0c;绑定分为静态绑定和动态绑定&#xff1b;或者叫做前期绑定和后期绑定静态绑定&#xff1a;在程序执行前方法已经被绑定&#xff0c;此时由编译器或其它连接程序实…

python抽荣耀水晶_教你2种免费拿荣耀水晶的方法,获奖概率让人惊喜,一般人我不告诉他...

在王者荣耀中荣耀水晶一直是许多玩家想要得到的&#xff0c;那一般来说想要获取一个荣耀水晶需要花费大约2000RMB的样子&#xff0c;但是可喜的是王者荣耀这个游戏就是这么的亲民&#xff0c;会时不时的上线一些免费赠送的活动&#xff0c;那今天就告诉大家最近2种获取荣耀水晶…

matlab中右三角形方向,《有限元基础教程》_【MATLAB算例】4.7.1(2) 基于3节点三角形单元的矩形薄板分析(Triangle2D3Node)...

【MATLAB 算例】4.7.1(2) 基于3节点三角形单元的矩形薄板分析(T riangle2D3Node)如图4-20所示为一矩形薄平板&#xff0c;在右端部受集中力100 000F N 作用&#xff0c;材料常数为&#xff1a;弹性模量7110E Pa ?&#xff0c;泊松比13μ&#xff0c;板的厚度0.1t m 。基于MA T…

uv转化率多少正常_浏览量(PV)和访客数(UV)和跳出率是什么意思?

1.什么是访客数(UV访客数就是指一天之内到底有多少不同的用户访问了网站。访客数要比IP数更能真实准确地反映用户数量。百度统计完全抛弃了IP这个指标&#xff0c;而启用了访客数这一指标&#xff0c;因为IP往往不能反映真实的用户数量。尤其对于一些流量较少的企业站来说&…

vscode中如何创新建php文件,vscode如何创建代码模板

选择菜单里的 文件 > 首选项 > 用户代码片段选择你需要自定义模板的文件&#xff0c;以vue为例配置对应文件json把代码片段写在json里。每个代码段都是在一个代码片段名称下定义的&#xff0c;并且有prefix、body和description。prefix是用来触发代码片段的。使用 $1&…

linux nginx postgresql php,常用Web环境架设手册PNP:Postgresql+Nginx+PHP

一 Postgresql1.1 installready:sudo apt-get updatesudo apt-get install libreadline6-devsudo apt-get install zlib1g zlib1g.devcd source./configuresudo make installsudo adduser postgressudo mkdir /usr/local/pgsql/datasudo chown postgres /usr/local/pgsql/data…

php 利用个人邮箱,利用 Composer 完善自己的 PHP 框架(二)——发送邮件

利用 Composer 完善自己的 PHP 框架(二)——发送邮件2014-10-18 / 阅读数&#xff1a;23506 / 分类&#xff1a; PHP回顾上一篇文章中&#xff0c;我们手工建造了一个简易的视图加载器&#xff0c;顺便引入了错误处理包&#xff0c;让我们的 MFFC 框架在 M、V、C 三个方面都达到…

mysql安装被打断_MySQL安装未响应解决方法

安装MySQL出示未响应&#xff0c;一般显示在安装MySQL程序最后一步的2&#xff0c;3项就不动了。这种情况一般是你以前安装过MySQL数据库服务项被占用了。解决方法&#xff1a;一种方法&#xff1a;你可以安装MySQL的时候在这一步时它默认的服务名是“MySQL” 只需要把这个名字…