エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React.memoを利用したパフォーマンスチューニング|rusty-cat-life
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React.memoを利用したパフォーマンスチューニング|rusty-cat-life
React.memoはコンポーネントをメモ化し、 ウォッチしている変数に変更があったときにメモ化していたコン... React.memoはコンポーネントをメモ化し、 ウォッチしている変数に変更があったときにメモ化していたコンポーネントを破棄し、 再レンダ、再びメモ化します。 第1引数にコンポーネントを返す関数を渡し、第2引数にPropsが同一であるかを判断する関数を渡します。 shouldComponentUpdateでは再レンダを行う際にtrueを返しますが、 memoでは再レンダを行わない際にtrueを返すので注意が必要です。 第2引数に何も渡さなかった場合はPureComponent(shallowEqual)と同等の比較によりメモの更新判断がなされます。 PureComponentとshouldComponentUpdateがFunctional Componentになる上で合体したという理解で大体OKです。 // below two components are same class Todo