📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）
ページの作成:「== 概要 == <code>React.memo</code> は、コンポーネントをメモ化するための高階コンポーネント (Higher-Order Component) である。<br> ラップされたコンポーネントは、propsが前回のレンダリング時と変わらない場合に再レンダリングをスキップして、キャッシュされた結果を再利用する。<br> <br> Reactでは、親コンポーネントが再レンダリングされると、子コンポー…」 |
|||
| 538行目: | 538行目: | ||
== パフォーマンスの測定 == | == パフォーマンスの測定 == | ||
<code>React.memo</code> の効果を確認するには、React DevTools Profiler または React組み込みの < | <code>React.memo</code> の効果を確認するには、React DevTools Profiler または React組み込みの <u>Profiler</u> コンポーネントを使用する。<br> | ||
<br> | <br> | ||
==== React DevTools Profiler ==== | ==== React DevTools Profiler ==== | ||
| 550行目: | 550行目: | ||
<br> | <br> | ||
==== Profilerコンポーネント ==== | ==== Profilerコンポーネント ==== | ||
Reactが提供する < | Reactが提供する <u>Profiler</u> コンポーネントをコード内に配置することにより、プログラムからレンダリング情報を取得できる。<br> | ||
<br> | <br> | ||
<syntaxhighlight lang="typescript"> | <syntaxhighlight lang="typescript"> | ||
| 588行目: | 588行目: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<br> | <br> | ||
下表に、< | 下表に、<u>Profiler</u> コンポーネントの主なコールバック引数の説明を示す。<br> | ||
<br> | <br> | ||
<center> | <center> | ||