📚 Reference

• 공식 문서 1

getDerivedStateFromError(error)

• getDerivedStateFromError(error)
• 에러가 발생했을 때, React가 이 정적 메서드를 자동으로 호출해서 state를 업데이트하고 fallback UI를 렌더링하게 만드는 메서드.
• UI를 바꿀 때 사용

static getDerivedStateFromError(error) {
  return { hasError: true }; // 에러 발생 시 렌더링을 fallback으로 전환
}

• 렌더링 도중 에러가 발생하면 React가 이 메서드를 호출함
• 여기서 반환된 state가 render()에 반영돼서 “에러 시 대체 UI” 를 보여줄 수 있음
• 렌더링 단계에서 호출됨 (side effect 불가)