最終更新:2022-08-18 (木) 10:08:45 (615d)  

useMemo
Top / useMemo

関数の結果を保持するためのフック

https://ja.reactjs.org/docs/hooks-reference.html#usememo

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

概要

  • “作成用” 関数とそれが依存する値の配列を渡してください。
  • useMemo は依存配列の要素のいずれかが変化した場合にのみメモ化された値を再計算します。この最適化によりレンダー毎に高価な計算が実行されるのを避けることができます。

メモ

  • 変数をReact/メモ化
    const sum = useMemo(変数に設定する値の返却, [依存する値]);