如何在Reactjs中獲取最新的選定值

Question

  handleChange(event){
    this.setState({value: event.target.value});
    console.log("You picked up" + this.state.value);
  }



<select value={this.state.value} onChange={this.handleChange} onClick={this.handleOnClick}>

我只是想知道為什么handleChange（）總是返回我之前選擇的vlaue而不是當前選中的？

這是我的完整代碼： https ： //codepen.io/franva/pen/owbmaQ

Answer 1

setState()是異步的。 嘗試

this.setState({ value: event.target.value }, () => {
  console.log("You picked up" + this.state.value);
});