https://images.unsplash.com/photo-1632882765546-1ee75f53becb?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb

前回までの記事

React Hooksを学ぶ【useState編】

ReactHooksを学ぶ【useReducer編】

ReactHooksを学ぶ【useRef編】

ReactHooksを学ぶ【useEffect編①】

ReactHooksを学ぶ【useEffect編②】

ReactHooksを学ぶ【useCallback編】

参考

https://ja.react.dev/reference/react/useMemo

https://qiita.com/seira/items/42576765aecc9fa6b2f8

useMemoとは?

計算結果を変数にキャッシュ(Memo化)し、高速に表示するための機能のことである。

キャッシュをすることで、不要なレンダリングや再計算を防ぐことが出来る。

使い方

useMemo(calculateValue,dependencies)

calculatevalueには計算結果を保存したい関数を、dependenciesには依存配列を。依存配列に指定された変数が更新されると、キャッシュも更新される。

公式をパクるとこんな感じになる。