Reactでドロップダウン(dropdown)メニューを実装する - Qiita

経緯 Reactでドロップダウンメニューを実装する必要が出てきた。 ドロップダウンメニューを実装するには、領域外のクリックを検知する必要がある。 React上で領域外を検知する方法と、簡単にドロップダウンメニューを作る。 必要な知識 React React hooks Code import { useState, useRef, useEffect } from 'react' const Menu = () => { const [isOpen, setIsOpen] = useState(false); const dropdownRef = useRef(); useEffect(() => { document.addEventListener("mousedown", handleOutsideClick); return () => document.removeEventL