转发-对于react中的this.setState的理解 this.state与this.props的不同

对于react中的this.setState的理解
复制代码
一、this.setState第二个参数的作用：修改数据更新后最新的DOM结构
二、this.setState为什么是异步的？
1.setState只在合成事件和钩子函数中是“异步”的，在原生事件和setTimeout中都是同步的。
2.setState的“异步”并不是说内部由异步代码实现，其实本身执行的过程和代码都是同步的，
只是合成事件和钩子函数的调用顺序在更新之前，导致在合成事件和钩子函数中没法立马拿到更新后的值，形式了所谓的“异步”，当
然可以通过第二个参数setState(partialState,callback)中的callback拿到更新后的结果。
3.setState的批量更新优化也是建立在“异步”（合成事件、钩子函数）之上的，
在原生事件和setTimeout中不会批量更新，在“异步”中如果对同一个值进行多次setState,setState的批量更新策略会对其进行覆盖，取最后一次的执行，
如果是同时setState多个不同的值，在更新时会对其进行合并批量更新。

this.state与this.props的不同

React允许将代码封装成组件，然后像插入普通的HTML标签一样插入组件，在页面插入这个组件。React有个大的创新就是把组件看成一个状态机，一开始有个初始状态，然后用户互动，导致状态变化，从而触发渲染UI。getInitialState方法用于初始化，定义初始状态，也就是一个对象。这个对象可以通过this.state属性读取。当用户点击组件，导致状态变化，this.setState方法修改状态值，每次修改以后，自动调用this.render方法，再次渲染组件。


由于 this.props 和 this.state 都用于描述组件的特性，可能会产生混淆。一个简单的区分方法是，this.props 表示那些一旦定义，就不再改变的特性，而 this.state 是会随着用户互动而产生变化的特性。