React - ErrorBoundry (class component 형태로 사용하기) with typescript


React - ErrorBoundry (class component 형태로 사용하기) with typescript

이전 프로젝트에서는 react-error-boundary 라이브러리를 사용하여 ErrorBoundary를 구현해보았다. 이번에는 React 공식문서에 나온 class 형태로 ErrorBoundary를 해 볼 생각이다. 공식문서 에러 경계(Error Boundaries) – React A JavaScript library for building user interfaces ko.legacy.reactjs.org TypeScript 코드 React 공식 문서에는 JS 형태의 코드가 나와있다. TypeScript를 사용하기 위해서는 해당하는 Type을 지정해주어야 한다. 아래의 코드는 기본적인 ErrorBoundary의 형태이다. import React, { ErrorInfo, ReactNode } from "react"; interface Props { children?: ReactNode; } interface State { hasError: boolean; } class ErrorB...


#classComponents #ErrorBoundry #React #typescript #리액트 #에러바운드리 #타입스크립트

원문링크 : React - ErrorBoundry (class component 형태로 사용하기) with typescript