컴포넌트가 DOM 상에서 제거될 때의 LifeCycle API를 알아봅시다.

마지막으로 알아볼 LifeCycle API는 컴포넌트 마운트와 관련된 API 입니다. 단 1개밖에 없으며, React 공식 홈페이지에서 많이 사용된다고 명시돼있습니다.

componentWillUnmount()

위의 LifeCycle API를 알아봅시다.

componentWillUnmount()

componentWillUnmount 메소드는 컴포넌트가 제거될 때 호출됩니다. 따라서 해당 메소드를 통해 컴포넌트 내의 setTimeout, setInterval 제거, 네트워크 요청 취소, 데이터 구독 해제 등의 작업을 수행할 수 있습니다. 이 컴포넌트가 호출되었다는 말은 곧 컴포넌트가 리렌더링되지 않을 거라는 말이므로 해당 메소드 내에서는 절대 setState를 호출하면 안 됩니다.

componentWillUnmount() {}