リアクションでcomponentWillReceivePropsに状態を設定できません

Question

親コンポーネントが受け取った新しいプロップでコンポーネントの状態を更新しようとしています。

しかし、setStateの呼び出しは期待通りに機能していないようです。

私はcomponentWillReceivePropsがコンポーネントを再レンダリングしないことを理解していますが、setState呼び出しを許可していないようです。

私が間違っていると思われるアイデアはありますか？

コード：

componentWillReceiveProps (nextProps) { 
    this.setState({name: nextProps.site.name}); 
    console.log(nextProps.site.name); // logs the updated name 
    console.log(this.state.name); // logs the old name, even after presumably being set again 
} 

Answer 1

それは非同期で行われています。したがって、メソッド内で更新が表示されないことがあります。それをcomponentDidUpdateでチェックしてください。

Answer 2

あなたは、このように、setStateコールバックで結果を見ることができます：

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

console.log(this.state.name); 

});