Reactガイドを読んでいくその162

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

React.Component

レガシーなライフサイクルメソッド

UNSAFE_componentWillReceiveProps()

以前はcomponentWillReceivePropsという名前で使われていた。
昨日のcomponentWillMount と同様バージョン17までは機能するがそれ以降は機能しない。
見ているとバグの温床になりやすいのでよろしくないらしい…。

UNSAFE_componentWillReceiveProps()はマウントされたコンポーネントが新しいpropsを受け取る前に呼び出される。

propsの変更に応じてstateを更新する必要がある場合はthis.props と nextProps を比較し、このメソッドで this.setState() を使用して状態遷移を実行できる。

マウント時、Reactは最初のpropsでUNSAFE_componentWillReceiveProps() を呼び出さない。
一部のコンポーネントの props が更新される可能性がある場合でのみ呼び出される。

今日はここまで。