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); 
});