react成长之路:(一): this.setState保存数据后,为啥后面打印发现数据没有变化

拿鼓思谱

于 2021-12-22 23:47:04 发布

阅读量1.2k

点赞数 1

文章标签： react.js javascript 前端 ant

本文链接：https://blog.csdn.net/weixin_49111162/article/details/122097494

版权

本文通过具体示例解释了React中this.state的异步更新机制，并提供了正确使用setState的方法来确保状态更新按预期进行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   由于this.state是异步操作导致的

真实案例

const {count} = this.state
this.setState({count:count+1})
console.log(count)  //你以为count+1了?那就错了,由于是异步的,在遇到setState后,直接执行下面的,然后再返回执行setState里面的.导致打印出来会有问题

想要达到的案例

const {count} = this.state
this.setState({count:count+1},()=>{
	console.log(count)
})
//现在打印的才是你想得到操作后的数据

普及一下setstate相关知识点:
在这里插入图片描述

❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ
❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)

拿走,不用谢!!!送人玫瑰,手留余香
在这里插入图片描述