[React][에러해결] Maximum update depth exceeded 오류

 useEffect(() => {
        resetAll();
    }, [resetAll]);

이렇게 코드를 만들면 Maximum update depth exceeded 오류가 뜬다. 

 

 Maximum update depth exceeded오류란? 컴포넌트가 업데이트 무한 루프에 빠지는 것이다. 

 

위의 코드같은 경우는 useEffect의 의존성에 동일한 함수를 넣었기 때문에 useEffect가 렌더링되면 의존성의 함수가 새로운것으로 되고 그럼 또 useEffect를 발생하고...무한루프에 빠지게 되기 때문에 잘못된 것이다.

 

 

useEffect(() => {
        resetAll();
 }, []); // 처음렌더링 될 때만 콜백을 하거나
 
 
useEffect(() => {
        resetAll();
}, [parameter]);  //다른 의존성을 넣어줘야 한다