react state不更新更新

Question

tab切换的时候更新当前选择的tab，debugger发现state并没有更新，请问具体原因是什么，万分感谢！

constructor(props) {
    super(props)
    this.state = {
      selected: 'blacklist'
    }
  }

tabChange(newSelected) {  // newSelected = "score"
    const {selected} = this.state; // selected = "blacklist"
    debugger
    if (selected !== newSelected) { // selected = "blacklist", newSelected = "score"
      this.setState({
        selected: newSelected,
      })
      const {tabChange} = this.props
      tabChange(newSelected)
    }
    debugger
    const state = this.state //state = {selected: "blacklist",}
    console.log(state)
  }

Answer 1

官网原话，因为setSate最后会被合成，导致类似于异步

Answer 2

setState 是异步的. 你需要在回调里回去获取更新后的 state.this.setState({  selected: newSelected, }, function() {    console.log(this.state) });

Answer 3

react在生命周期和event handler里的setState会被合并（异步）处理。（17版本以后全都会变异步）