useMemo
React Compiler
は高価な計算を自動で
メモ化
してくれるため、多くの場合、手作業による
useMemo
は不要となります。
https://ja.react.dev/learn/you-might-not-need-an-effect
React Hooks
で追加された機能.
メモ化
を実現する.
同じ結果を返す重い処理を初回のみ実行し,2回目以降は結果のみを呼び出す.
code:.ts
const メモ化したい変数 = useMemo(() => {
// 重い処理
return メモ化したい変数
),
依存変数を並べた配列
);
useCallback
や
useMemo
を実行するコストが
関数
の再生成のコストを下回るケースはそんなにないため,必ずしも利用することが正しいわけではない.