Hook 문의드립니다.

Question

안녕하세요. 강사님 앞으로 Hook 이 대세가 될 거라는 강사님 설명으로 인해 공부하면서 클래스형 컴포넌트 방식은 일단 배제하고 있습니다. 그런데 리액트 공식 홈페이지에서는 에러 처리를 하기 위한 방법으로  getDerivedStateFromError componentDidCatch 위의 생명주기 메소드를 활용하고 있던데요. Hook 방식에서는 위의 메소드를 대체할 수 있는 방법이 없는 것 같은데 그렇다면 어떤 방식으로 에러처리를 하는 게 좋을 지 알고 싶습니다. 그리고 개발을 진행하다보면 자바스크립트 에러가 발생하여 원치 않은 에러 메시지 화면으로 전환이 되는 경우가 많은데 혹시 개별 화면에서 조치를 하지 않고도 이런 예기치 못한 오류가 발생할 때,  공통 에러 페이지로 보낼 수 있는 방법이 있을까요?

이재승 · Answer

리액트 측에서는 말씀하신 에러 처리 기능을 훅에서도 사용할 수 있도록 할거라는 글을 남기긴 했지만, 아직 기약이 없네요 https://reactjs.org/docs/hooks-faq.html#do-hooks-cover-all-use-cases-for-classes 최상위 컴포넌트만 클래스로 만들고 말씀하신 기능을 사용하는 방법이 현실적인 방법이라고 생각합니다.