본문 바로가기

Front-end/React

React - removeEventListener

  useEffect(() => {
    window.addEventListener('resize', checkSize);
    return () => {
      window.removeEventListener('resize', checkSize)
    };
  })

addEventListener만 사용하면 

state가 바뀔 때마다 함수가 재생성 된다 

이 문제를 막기위해

removeEventListener 사용한다.

removeEventListener를 사용하면 더 이상 함수가 재생성 되지 않고 한번만 생성된다.

 

'Front-end > React' 카테고리의 다른 글

useRef 란 ?  (0) 2021.06.23
React - controlled-input  (0) 2021.06.22
React - useEffect : github user profile 만들기  (0) 2021.06.18
useEffect 란?  (0) 2021.06.17
React - useState : Ragular Counter 만들기  (0) 2021.06.17