바깥클릭

useRef를 이용해서 SearchResult라는 div 엘리먼트에 접근 document에 onCheckClickOutside함수를 가진 이벤트리스너를 달아준다. onCheckClickOutside 함수는 DropDown 메뉴가 열렸을때, searchRef에 이벤트가 주어지지 않을 때를 제외하고 전 영역을 클릭시 ​DropDown 메뉴가 닫힌다. const searchRef = useRef(null); const onReset = useCallback( () => { setSearchValue(''); setOpenDropdown(false); }, [], ); useEffect(() => { const onCheckClickOutside = (e:MouseEvent) => { //!searchRef.c..