setState详解

来源:互联网 发布:各种技术软件 编辑:程序博客网 时间:2024/06/10 00:50

首先如果直接在setState后面获取state的值是获取不到的
如图:
setstate1
第一次,第二次打印都是初始值。通过异步方法调用可以获得值。
那么在实际的项目中我们应该怎么写呢?
因为setState是可以接受两个参数的,一个state,一个回调函数。因此我们可以在回调函数里面获取值。
piliang

huidiao.png

所以我们可以得出结论:
1:setState异步调用
2:批量处理 并不是调用一次就会更新一次render

那么下一个问题来了 componentDidUpdate函数是在setState更新视图后调用的 这个函数和setState的回调函数哪一个先执行呢?
guess.png

first.png
所以得出结论:
3:componentDidUpdate函数先与setState回调执行

原创粉丝点击