How to get the latest selected value in 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}>

I just wonder why the handleChange() always returns me the previous selected vlaue rather than the currently selected?

Here is my full code: https://codepen.io/franva/pen/owbmaQ

Answer 1

setState() is asynchronous. Try

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