React 에러 처리

Error Boundary는 하위 컴포넌트에서 발생한 예외를 catch(try-catch 와는 다름)하여 Fallback UI를 보여주는 등의 처리를 해주는 컴포넌트이다.

 

기본구조 

: Error Boundary 하위에 존재하는 컴포넌트 즉,SomeCmponent내부에서 예외가 발생하면 Error Boundary에 의해 catch 된다.

<ErrorBoundary> 
	<SomeComponent /> 
</ErrorBoundary>

 

 

처리되지 않는 예제

 

• 이벤트 핸들러
• 비동기적 코드 (setTimeout 등)
• 서버사이드 렌더링
• 자식이 아닌 Error Boundary 자체에서 발생한 예외

 

 

 

 

출처

https://nukw0n-dev.tistory.com/24

[React.js] Error Boundary와 Fallback UI 에 대하여

 

https://www.npmjs.com/package/react-error-boundary

react-error-boundary