[TIL] 20230822 - useEffect의 실행 순서

useEffect는 컴포넌트가mount, update, unmount 될때 실행된다.

 

useEffect에 전달하는 콜백함수도 return을 가질 수 있는데 이return에 함수를 전달 할 수 있고 이를 클린업 함수라고 한다. 클린업 함수는 컴포넌트가 unmount될때 실행된다.

클린업 함수가 실행된 후 update되면서 mount를 실행한다.

즉, 컴포넌트는 리렌더링 될 때, 재평가 → 언마운트 → 업데이트 순으로 진행된다.

 

의존성 배열을 비워둘 경우 unmount는 실행되지 않는다.

 

 

매우 정리가 잘된글이 있어 링크남긴다

https://choyeon-dev.tistory.com/entry/React-useEffect-%EC%8B%A4%ED%96%89-%EC%8B%9C%EC%A0%90-%EC%A7%9A%EA%B3%A0-%EA%B0%80%EA%B8%B0