附录1-分析setState()
创始人
2025-05-30 15:06:26
目录
1 异步执行
1.1 异步验证
1.2 连续两次执行setState()
1.2.1 不会达到顺序执行的效果
1.2.2 只触发一次render()
2 第一个参数可以为函数
3 可以接回调函数
1 异步执行
1.1 异步验证
setState()是异步更新数据的，异步实际就是不按顺序执行
- JS本身就是异步的，异步相比与同步执行起来快一些，但写的时候就麻烦一点
我们在更改后进行打印
如果是1，表示先执行了setState()再执行console.log()
如果是0，表示setState()与console.log()没有按照书写顺序来走
打开后是这样的
点击一次后发现显示的是0
结论是setState()的执行顺序与书写顺序没有关系
1.2 连续两次执行setState()
1.2.1 不会达到顺序执行的效果
我们这个时候就要注意，不要在没有先后顺序的时候操作state，比如我加两次count
按了一次，发现state的结果还是1
1.2.2 只触发一次render()
打开后
点击一下
2 第一个参数可以为函数
当参数为回调函数的时候，可以连续使用setState()
打开后
发现可以执行两次setState()，但由于是异步，不能加后就获取值，只触发一次render()
如果想使用的话可以在函数中使用state，那个就是最新的值
3 可以接回调函数
回调函数会在页面完成渲染后执行，无论setState有多少个，页面只渲染一次，所以回调函数只会执行最后一次
- 一般不会使用多个setState)()，都可以使用函数了，直接在函数中处理就好了
打开是这样的
点击一次后
相关内容
热门资讯
大美青海亮相2025中国国际旅...
本报海口讯 （记者 倪晓颖 潘昊） 12月19日，2025中国国际旅游交易会在海南省海口市海南国际会...
最新或2023（历届）喜欢自己...
就算全世界都抛弃了我,我也没有理由抛弃我自己。就算世界上没有一个人喜欢我,我也没有理由不喜欢自己,因...
最新或2023（历届）爱鸟的小...
小军是个农村长大的孩子，他酷爱打鸟，而且是个名声远扬的“小神枪手”。有一天，他又拎着鸟笼到树林搜捕猎...
最新或2023（历届）奶奶的腊...
农历腊月初八，是我国传统的腊八节。在这一天，全国大部分地区还保留着腊八节的传统习俗--吃腊八粥、泡腊...
最新或2023（历届）清明时节...
清明已到，天上落下几滴眼泪。天，你是否也感到哀伤？天，是你在哭？你在为你逝世的亲人哭泣？几年前，还在...