React hooksで再レンダリングを防ぐためにイベントハンドラをメモ化するとハンドラの外側にある変数参照値もメモされてしまう問題について - ひと夏の技術タイトルが長い！ 3行 useCallback(()=> ,[])とかuseEffect(()=>,[])みたいにハンドラをメモる ムダな再レンダリングが起こるのを防ぎたい イベントハンドラ内で外部変数(例えばconst [state, setState] = useState()のstate)を参照する イベントが起こるたびにハンドラで参照しているstateは常に最新のものが来て欲しいのだが……… こない 例 実例を書いた。 このデモは カウンターアプリ increment decrement トータルクリック回数もわかる というもの。 『To use useCallback』と『To use useEventCallback』の2つがあって 『To use useCallback』 動きそうで動かない例 記事タイトルの現象が起こっている 『To use useEventCallback
