react setState理解总结

setState(partialState,callback)

1、partialState:Object | function

用于产生与当前state合并的子集

2、callback: function

state更新之后被调用

异步：可批量更新state，性能优化

1、合成事件
2、生命周期

同步:

1、原生事件
2、定时器setTimeout里
3、第二个参数回调函数内部

实现链式操作

changeValue = (v) => {
    this.setState((state) => {
        return {
            counter: state.counter + v
        }
    })
}
// 6
changeValue = v => {
    this.setState({
        counter: this.state.counter + v,
    })
}
// 合并所有的setState，结果为3
setCounter = () => {
    this.changeValue(1);
    this.changeValue(2);
    this.changeValue(3);
}