강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

천영도님의 프로필 이미지
천영도

작성한 질문수

실전 리액트 프로그래밍

useEffect 실전 활용법2

질문이 하나 있습니다!

해결된 질문

작성

·

127

2

안녕하세요! 강의 잘 듣고 있습니다. 질문이 한 가지 있는데요

3:03부터 진행되는 예제에서..

useRef 훅으로 변경했음에도 onClick 속성값이 변경되었을 때,여전히 window 객체에 클릭 이벤트핸들러를 불필요하게 추가 하더라구요.

혹시 useRef훅 예제의 12번째 줄이 빈 배열을 넘겨주도록 다음과 같이 수정되어야 하는 것이 아닌가요?

  useEffect(() => {
    window.addEventListener('click', () => {
      onClickRef.current();
    });
  }, []);

답변 1

1

이재승님의 프로필 이미지
이재승
지식공유자

안녕하세요
말씀하신게 맞습니다.
다만 영상에서는 removeEventListener 등의 코드를 '// ...' 로 표현했는데요, 헷갈리실 수도 있겠네요
'// ...' 부분에서 속성값이나 상태값 등을 사용하는 코드가 없다면 말씀하신대로 빈 배열을 입력해도 됩니다.
애초에 onClick 을 배열에서 제거하는 흐름으로 설명하는 영상이라 빈 배열로 입력할걸 그랬네요ㅜㅜ

천영도님의 프로필 이미지
천영도

작성한 질문수

질문하기