React 関数コンポーネントでスクロールイベントを実装するには？ - Qiita

Reactのfunctionコードでスクロールイベント等を実装すると、 イベント関数をuseCallbackでくくってメモ化しておかないとremoveEventListenerが働かないとか、 スクロールで使用するフラグはuseRefで再レンダリングされないようにする...など、 意外と気に掛ける点が多かったので、備忘録も込めてコードを載せておきます。 import React, { useState, useEffect, useRef, useCallback, } from 'react' const TestDom = () => { const [isDisplay, setIsDisplay] = useState(false) const isRunning = useRef(false) // スクロール多発防止用フラグ // リスナに登録する関数 const isScro