面试题:React中setState
发布日期:2021-06-30 15:49:29
浏览次数:3
分类:技术文章
本文共 1201 字,大约阅读时间需要 4 分钟。
1、setState是异步操作
2、在同一个地方使用setState, 会合并去取最后一次
3、 验证代码
import React from 'react'export default class Like012 extends React.Component{ constructor(props){ super(props); this.state = { count: 0 } } componentDidMount() { /* setState是异步的, 1) 在同一个地方使用setState, 会合并去取最后一次 */ /* this.setState({ count: this.state.count + 1 }); this.setState({ count: this.state.count + 2 }); this.setState({ count: this.state.count + 3 }); this.setState({ count: this.state.count + 4 }); */ this.setState({ count: this.state.count + 1 }, ()=>{ console.log(this.state.count); }); this.setState((prevState, prevProps)=>({ count: prevState.count + 2 })); this.setState((prevState, prevProps)=>({ count: prevState.count + 3 })); console.log(this.state.count); } render() { const { count} = this.state; return ({ count}) }}
转载地址:https://kaisarh.blog.csdn.net/article/details/111566109 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
网站不错 人气很旺了 加油
[***.192.178.218]2024年05月04日 00时14分01秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
maven私服nexus配置
2019-05-01
nexus发布工程版本问题总结
2019-05-01
maven私服配置-发布工程版本到nexus
2019-05-01
Maven引入oracle驱动问题
2019-05-01
windows无法找到发送到桌面快捷方式
2019-05-01
redhat-vim文本编辑
2019-05-01
linux-文件挂载
2019-05-01
scala与java之间的集合类型转换
2019-05-01
Vue 3中令人激动的新功能:Fragment+Suspense+多v-model
2019-05-01
浅析Vuex及相关面试题答案
2019-05-01
Vue 3.0 中令人激动的新功能:Portals+新的自定义指令API
2019-05-01
requestAnimationFrame详解以及无线页面优化
2019-05-01
python2.6.x/python3发送邮件,并在正文中显示附件中的图片
2019-05-01
Dubbo服务治理向SpringCloud服务治理兼容,过渡
2019-05-01
JAVA使用HBase的Rowkey精确批量处理
2019-05-01
Collections排序sort排序list,单个及多条件排序
2019-05-01
Mysql中where 条件中加 if 判断-纯jdbc
2019-05-01
分布式数据中间件TDDL、Amoeba、Cobar、MyCAT架构比较
2019-05-01