前回までの記事

参考

useCallbackもuseEffectに負けず劣らず複雑なものである。useCallbackの存在意義は、誤解を恐れずに言うと、「子コンポーネントの不要な再レンダリングを防止する」ためのフックである。

コンポーネントの再レンダリングは、状態が更新される、親コンポーネントが再レンダリングされる、っといったタイミングで実行される。

Reactは非常に高速であるため、多少の誤った再レンダリングでは性能に影響を与えないが、やはり適切なレンダリングをさせたほうが不要な問題に悩まされずに済む。

このレンダリングのうち、useCallbackでは「親コンポーネントが再レンダリングされる」部分を制御するためのフックとなっている。