setState详解

作者: IDO0 | 来源:发表于2017-07-10 17:33 被阅读0次

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

setstate1

第一次，第二次打印都是初始值。通过异步方法调用可以获得值。
那么在实际的项目中我们应该怎么写呢？
因为setState是可以接受两个参数的，一个state，一个回调函数。因此我们可以在回调函数里面获取值。

piliang

huidiao.png

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

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

guess.png

first.png

所以得出结论：
3：componentDidUpdate函数先与setState回调执行

关于React中的setState
前言在看React setState 详解中看到一道有意思的题目，关于setState函数中state的值的问题...
setState详解
首先如果直接在setState后面获取state的值是获取不到的如图：第一次，第二次打印都是初始值。通过异步方法...
setState详解
setState setState 是设置在 Component 原型上的方法,所有继承自Component的组件...
Component.setState()详解
setState() API setState()方法主要是用来更新组件状态，让组件重新渲染。应该将setSta...
react的setState使用详解
react修改状态是不能直接修改的，需要使用setState来进行状态的修改，但是setState的使用会存在一些...
react_08setState详解
（一）为什么使用setState? 发现会有警告，并且页面的数字并不会更新。 : 为啥能使用setState方法?...
react拓展
setState() setState更新状态的2种方式对象式的setState 函数式的setState 对象...
setState()状态更新函数
理解setState的关键 setState不会立刻改变React组件中state的值； setState通过引发...
08react基础-react原理
setState()更新数据 setState()更新数据是异步的注意：使用该语法，后面的setState不要依...
『react』setState()特性
一.setState（）更新数据由于setState（）更新数据是异步的，所以后面的setState（）不要依赖...