React에서 무한 루프 발생 원인

useEffect 의 의존성 배열에 함수를 넣어버림

(하아.. 이래서 AI를 너무 믿으면 안됨!)

 

의존성 배열안에는 useState 가 있어야 

이전 렌더링과 비교해서 useEffect 를 실행할 것인지 아닌지를 판단하는데,

함수가 들어가버리면 매번 새로운 주소로 생성하므로 매번 새 함수라고 잘못 판단해서

무한 루프에 빠지게 된다.

 

 

 

 

결론 : 의존성 배열을 [] 로 만들어주면 해결!