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 |