タイトルタイトル

コンテンツの内容memoを使用すると、コンポーネントのPropsが変更されていない場合に再レンダリングをスキップできます。

const MemoizedComponent = memo (SomeComponent, arePropsEqual ? )

• リファレンス

  • memo(Component, arePropsEqual?)

• 使い方

  • プロップが変更されていないときに再レンダリングをスキップする

  • Stateを使用してメモされたコンポーネントを更新する

  • Contextを使用してメモ化されたコンポーネントを更新する

  • Propsの変更を最小限に抑える

  • カスタム比較関数を指定する

• トラブルシューティング

  • Propがオブジェクト、配列、または関数の場合、コンポーネントは再レンダリングされます。