react, nextjs / classList.toggle("active"); 적용 안됨

Question

nextjs에서 모달 컴포넌트 따로 만들어서 햄버가 메뉴 클릭하면 모달창 나오고 햄버거 메뉴는 x 모양으로 변하는 코드를 작성했습니다. hamburger.addEventListener(&#34;click&#34;, () &#61;> { hamburger.classList.toggle(&#34;active&#34;); master.reversed() ? master.play() : master.reverse(); });위의 코드에서 master.reversed() ? master.play() : master.reverse(); 이 코드는 바로 적용이 되는데 hamburger.classList.toggle(&#34;active&#34;); 이 코드가 적용이 안됩니다. useEffect함수를 수정하거나 css 스타일을 변경한 뒤에는 잠깐 작동되고 새로 고침하면 다시 작동이 안됩니다. !! 도대체 뭐가 문제일까요 알려주시면 정말 감사하겠습니다 ㅠㅠ !!아래는 전체 코드 입니다.

빠른코딩 · Answer

리액트에서 돔을 직접 수정하시니까 그러죠리액트애서 클래스 넘기는 방식으로 작성하세요

react, nextjs / classList.toggle("active"); 적용 안됨

1개의 답변

#useeffect 목록