React 에서 페이지 이동 시 hover 이벤트 초기화

Question

안녕하세요.React 로 개인 프로젝트 작업 중인데요, 안풀리는게 있어 조언 구합니다.헤더 메뉴에 호버 시 GNB 가 열리고 메뉴 클릭하면 페이지가 넘어가는 구조인데요, 문제는 메뉴 위에 커서가 있는 상태로 페이지 이동을 하면 바로 호버 이벤트가 발동되어 GNB 가 내려오는 겁니다.다른 사이트 보면 커서가 메뉴 위에 있어도 움직이지 않는 이상 GNB 가 내려오지 않던데, 그렇게 하려면 어떻게 해야 하나 궁금합니다.우선 하위로 Routes > Route 형식으로 Router 구조가 되어 있구요, 링크는 , 태그 둘다 써봤지만 똑같습니다. HashRouter 도 방법이라는데 똑같은 문제가 발생하더라구요.이벤트는 const handleLnbOpen = () => { setIsLnbOpen(!isLnbOpen) } const handleLnbMouseEnter = () => { setIsLnbOpen(true) } const handleLnbMouseLeave = () => { setIsLnbOpen(false) }이렇게 해서 header/index 에서 header/pcHeader/index 에 넘겨주고 있습니다.위 이벤트로 mouseEnter/Leave 동작 제어하고 있구요.무엇이 문제인지 모르겠습니다.. 선배 개발자님들에게 조언 구합니다..요청하시면 코드 정보는 더 드리겠습니다.

kimhwanhoon · Answer

그냥 상태 새로 disabled 만드시고 메뉴 클릭시 disabled 하시고, 페이지 로드 시 disabled 해제, 하셔서 그 disabled 를 메뉴에 적용하시던지, ohHover에 적용하시던지 해서 잠깐 동안 그 기능을 꺼버리면 어떨까요?

1개의 답변