// error 처리 페이지 보여주는 역할을 하는 컴포넌트를 Error Boundary 라고 한다.
// 가장 최상위로 둬야 한다. componentDidCatch 는 자기자신한테 문제가 있다면, 발견하지
// 못하기 때문이다.
class App extends React.Component {
state = {
hasError: false,
};
render() {
if(this.state.hasError) {
return <div>예상치 못한 에러가 발생했다.</div>
}
return <WebService/>;
}
// 어떤 error인지와 그 정보
componentDidCatch(error, info) {
this.setState({ hasError : true }); // error를 감지하면 다시 render 호출
}
}
ReactDOM.render(<App name="Malza"/>, document.querySelector('#root'));