try / catch 를 사용해야 하는 이유

개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 

리코딩 ReCoding

아래 handleClick() 내부에 try Catch 같은 것을 처리하는 것이 좋다.

이벤트핸들러의 경우에만  try / catch  를 사용한다. 

그동안 예외 처리에 대해 그다지 신경을 안썼는데, 이제는 이렇게 했을 때, 문제를 인식하기 시작하게 되었다...(나름 성장한 것인가...?)

 

암튼, 앞으로는 이벤트핸들러를 동작할 때는 사용하기로...

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { error: null };
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    try {
      // 에러를 던질 수 있는 무언가를 해야합니다.
    } catch (error) {
      this.setState({ error });
    }
  }

  render() {
    if (this.state.error) {
      return <h1>Caught an error.</h1>
    }
    return <button onClick={this.handleClick}>Click Me</button>
  }
}

 

출처 : https://ko.reactjs.org/docs/error-boundaries.html#new-behavior-for-uncaught-errors

개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 

리코딩 ReCoding