反応日ピッカーsetStateコンソールに表示するまでに遅延

Question

最初の日付選択の後、選択した日付はコンソールに表示されず、遅延され、次の選択時にのみオン状態になります。

これは私のコードへのリンクです。 go to sample code

私に何か不足していますか？最初の選択時にコンソールに表示されると思います。

Answer 1

setStateは、である。

setStateに電話してすぐにthis.stateを使用すると、まだ更新されない可能性があります。

状態を設定してすぐにその変更を実行したい場合は、コールバック関数を渡すことができます。

handleFromChange(from) { 
    this.setState({ from },() => console.log(this.state)); 
} 

ドキュメントを：：

だから、あなたの場合には彼のコードは動作します

setState()すぐthis.state変化させませんが、 保留状態遷移を作成します。この メソッドを呼び出した後にthis.stateにアクセスすると、既存の値が返される可能性があります。 へのコールの同期動作の保証はありません。また、パフォーマンスの向上のために のコールをバッチ処理することも可能です。