인프런 커뮤니티 질문&답변
작성한 질문수
useEffect 의존성 배열 문제
해결된 질문
작성
·
238
0
해당 강좌 그대로 진행하다가, 의존성 배열 문제로 인해 무한 렌더링이 발생했습니다.
강사님의 깃허브 코드를 바탕으로, 강좌와 다르게 전역 상태로 관리를 진행하여 해결을 하긴 했습니다.
어떠한 문제로 인해, 무한 렌더링이 발생되고, 이럴 경우에 어떤 방식으로 접근해서 해결하는지에 대한 접근 방식에 대해 알고 싶습니다!!!
web과 다르게 RN은 디버깅하기가 생각보다 쉽지않네요... ㅠㅠ
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
김용민 님께서 문의하신 useEffect 의존성 배열 문제로 인한 무한 렌더링에 대한 해결 방법에 관하여, 이미 비슷한 상황을 다룬 질문이 존재합니다. 해당 질문에서는 의존성 배열에 특정 상태를 넣어주어 무한 렌더링이 발생한 경우, 해결 방법을 다루고 있습니다.
- “의존성 배열에 filterItems를 넣으면 무한렌더링이 발생합니다.” 질문에서는, 상태를 직접 의존성 배열에 넣어주는 대신 전역 상태로 관리하거나 의존성 배열에서 제거하여 무한 렌더링 문제를 해결하는 방법을 제시하고 있습니다. 이 질문에서 제안된 방식으로 접근하여 문제 해결에 참조할 수 있습니다.
여기서 논의된 핵심은 의존성 배열에 상태를 넣을 때, 해당 상태가 업데이트 되면서 컴포넌트가 재렌더링되고, 재렌더링된 컴포넌트의 useEffect가 다시 실행되어 무한 루프에 빠지는 상황입니다. 이를 해결하기 위해 각기 다른 접근 방식을 사용할 수 있으며, 의존성 배열의 관리, 상태 관리 방식의 개선 등이 대표적입니다.
React Native에서 디버깅이 어렵게 느껴지실 수 있지만, 이와 같이 커뮤니티나 다른 개발자의 경험을 참고하시면 해결의 실마리를 찾으실 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.