useMemo - rmaruon

useMemo

メモ化された値を返す

useStateと違い、更新するための関数は返さない

使い方

useMemo(func, [依存関係])

依存関係が変化したときに、再計算される

依存関係が変化しない場合は、キャッシュから値を取ってくるので計算コストがかからない

code:jsx

const Component = () => {

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

};

ref

自分のuseMemo使用基準を改めて一言で書いてみると「今いる関数の中だけを見て無駄だと断言できるなら使わない。それ以外は使う」です。使われ方によって役に立つ可能性がわずかでもあるなら使う。使われ方をわざわざ調べて判断することはインターフェースを切っている意味がなくなるからしない💁‍♂️