📚 Reference

• 공식 문서 1

📜 Chapter

‣

componentDidCatch(error, info)

• componentDidCatch(error, info)
• 에러가 실제로 발생한 후, React가 이 메서드를 호출해서 로그를 남기거나, 에러를 추적 서비스(Sentry 등)에 전송할 수 있게 해주는 메서드.
• 에러를 기록하거나 복구할 때 사용

componentDidCatch(error, info) {
  console.error("에러 발생:", error);
  console.log("에러 위치:", info.componentStack);
  sendErrorToSentry(error, info);
}

• commit 단계에서 호출됨 (side effect 가능)
• 에러 정보(error, info.componentStack)를 받을 수 있음
• UI를 바꾸진 않지만, 로깅이나 복구 작업에 사용됨

componentDidCatch, getDerivedStateFromError - 비교