为什么在使用set state之后没有立即修改state值

Question

我希望在修改后立即访问状态值，但是将显示修改前的状态

这就是我的工作

class App extends Component {
  constructor() {

    this.state = {
       value : 1,


    }
  }



  function(){
    let tmp = this.state.value
     alert("before" + tmp)
    tmp = tmp + 1
    this.setState({
      value: tmp
    })
    alert("after" + this.state.value)
  }
   render() {
    return(
            <button onClick={() => this.function()}>Add</button>
    )  
  }
}

在这种情况下，我得到的是在两个警报上都显示1而不是1和2