useMemo
depsの値に変更があった場合のみ再評価して新しい値を返す
第二引数に関係なく初回のレンダリング時は実行される
副作用のある処理はuseMemo内に書いてはいけない
それは
useEffect
に書く
useMemoは参照透過であり冪等である
同じ入力なら、同じ出力になるはず
docs
code:ts
const returnValue = useMemo(fn,
deos
)
使い時
無駄なrenderingを抑える
React.memo
も併用する
無駄な重い計算を省略する
Reactでのメモ化の方針
参考
結局useMemoはいつ使えばいいの? 僕の決定版 - Qiita
基本的に書く。明らかに不要な場合は書かない。