글 링크: https://velog.io/@superlipbalm/the-closure-trap-of-react-hooks
소개
리액트 훅을 처음 사용했을 때 겪게 될 수 있는 문제 중 하나는 클로저 트랩(Closure Trap)입니다. 많은 분들이 콜백 함수에서 상태 값이 최신 값으로 갱신되지 않아 당황하신 적이 있으실 텐데요. 이 글에서는 리액트 훅이 어떻게 구현되어 있는지 살펴 가며 클로저 트랩의 원인과 해결 방법에 대해 설명하고 있습니다. 이미 원인과 해결 방법을 알고 계시더라도 useEffect, useCallback과 같은 훅에서 실제로 deps를 어떻게 처리하고 있는지 살펴보며 가볍게 리마인드 하는 느낌으로 읽어보시면 좋을 것 같습니다!
목차
문제
분석
훅의 구현
훅은 의존성(deps)을 어떻게 다룰까요?
클로저 트랩(Closure Trap)
결론