React类组件中setState的几种用法

React类组件中setState的几种用法

1. 传入一个对象

这是最常用的一种用法，也是语法糖。
当你不需要获取preState、props，
或者是不需要立即用到更新后的state时，可以这样使用。

handleClick(e){
  this.setState({value:e.target.value});
}

2. 传入一个回调

当你需要用到上一次的state或者传入的props来更新state时，
可以传入一个回调，回调的两个参数分别就是preState、props。

handleClick(){
  this.setState((preState,props)=>{
     return {value:preState.value1+props.value2}
  });
}

3.传入一个对象和一个回调

当你需要立即用到更新后的state时，可以传入第二个参数（callback）。

handleClick(e){
  this.setState({value:e.target.value},(value)=>{
     console.log('我是更新后的value',value);
     //这里拿到的就是setState更新后的value值
  });
}