componentWillReceiveProps(object nextProps)

コンポーネントが新しいpropsを受け取ると実行されます。 このメソッドは初期描画では呼び出されません。

this.setState()を使用したstateの更新によってrender()が呼び出される前に、 Reactがpropを変更する機会をこのメソッドによって得ることが出来ます。 古いpropsはthis.propsを返してアクセス可能で、 この関数内のthis.setState()の呼び出しが、更なるrenderをトリガすることはありません。

componentWillReceiveProps: function(nextProps) {
  this.setState({
    likesIncreasing: nextProps.likeCount > this.props.likeCount
  });
}

注意:
componentWillReceiveStateのようなメソッドは存在しません。 propの変更がstateの変更を引き起こす可能性はありますが、その逆はありません。 stateの変更を受け取って処理を実行する必要がある場合は、componentWillUpdateを使用して下さい。

 Back to top