天天看点

setState详解

首先如果直接在setState后面获取state的值是获取不到的

如图:

setState详解

第一次,第二次打印都是初始值。通过异步方法调用可以获得值。

那么在实际的项目中我们应该怎么写呢?

因为setState是可以接受两个参数的,一个state,一个回调函数。因此我们可以在回调函数里面获取值。

setState详解
setState详解

所以我们可以得出结论:

1:setState异步调用

2:批量处理 并不是调用一次就会更新一次render

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

setState详解
setState详解

所以得出结论:

3:componentDidUpdate函数先与setState回调执行

继续阅读