React 경고: useEffect에서 상태를 업데이트할 때 업데이트 깊이가 최대 제한을 초과했습니다.

Question

부울 변수가 포함된 객체인 상태 변수를 업데이트하려고 합니다. 데이터를 사용할 수 있게 되면(버튼 클릭 시 호출된 API 호출에 대한 응답으로) useEffect 내에서 상태를 업데이트합니다. 그런 다음 이 데이터를 사용하여 또 다른 구성 요소인 모달을 호출하고, 사용할 수 있는 데이터가 없으면 다른 모달을 표시합니다. 팝업을 닫으면 상태 변수가 업데이트되어야 합니다.

으아악

Answer 1

이 문제는 useEffect에 종속성 배열을 전달하지 않았기 때문에 발생했으며 상태가 변경될 때 useEffect가 다시 호출되었습니다.

으아악

문제는 useEffect에 종속성 배열을 전달하지 않기 때문에 상태가 변경될 때마다 useEffect가 다시 호출된다는 것입니다. 해결책은 다음과 같습니다.

으아악