如何在 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() 总是返回我之前选择的值而不是当前选择的值？

这是我的完整代码： https://codepen.io/franva/pen/owbmaQ

Answer 1

setState() 是异步的。试试

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