reactjs：setState（）はすぐにthis.stateを変更しますか？

Question

this.setState({ foo: true })を呼び出してすぐにthis.state.fooをチェックしても、新しい値trueが返されない場合があります。

私は、これが起こった正確な場合を知ることができません。同じ反復でに複数回呼び出すと、わかりません。だから私は疑問に思う：

reactjsは、次のことを保証しますいつもは機能しますか？

this.setState({ foo: true }); 

console.log(this.state.foo); 
// => prints true 

Answer 1

reactjsは、次のことが常に動作することを保証していますか？

いいえ、setStateは非同期方法です。、あなたはそれが非同期で完了だ

this.setState({ foo: true },() => { 
    console.log(this.state.foo); 
}); 

Answer 2

2番目の引数としてコールバックを使用する必要がある状態を更新取得したい場合。したがって、メソッド内で更新が表示されないことがあります。それをcomponentDidUpdateでチェックしてください。 か、このように、SETSTATEコールバックで結果を見ることができます：

this.setState({name: nextProps.site.name} ,()=>{ 

console.log(this.state.name); 

});