はてなブックマーク

React.memoはコンポーネントをメモ化し、 ウォッチしている変数に変更があったときにメモ化していたコンポーネントを破棄し、 再レンダ、再びメモ化します。 第1引数にコンポーネントを返す関数を渡し、第2引数にPropsが同一であるかを判断する関数を渡します。 shouldComponentUpdateでは再レンダを行う際にtrueを返しますが、 memoでは再レンダを行わない際にtrueを返すので注意が必要です。 第2引数に何も渡さなかった場合はPureComponent(shallowEqual)と同等の比較によりメモの更新判断がなされます。 PureComponentとshouldComponentUpdateがFunctional Componentになる上で合体したという理解で大体OKです。 // below two components are same class Todo