Front-end/React

React - removeEventListener

Jace.K 2021. 6. 18. 18:15
  useEffect(() => {
    window.addEventListener('resize', checkSize);
    return () => {
      window.removeEventListener('resize', checkSize)
    };
  })

addEventListener만 사용하면 

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

이 문제를 막기위해

removeEventListener 사용한다.

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