Error I Faced - 1 - useEffect Hook과 setInterval Web API

성훈·2021년 8월 28일
0

Error I Faced

목록 보기
1/14
post-thumbnail

Error I Faced

스터디에서 진행하던 리액트 토이 프로젝트에서 setInterval API를 사용하면서 이 인터벌의 키를 보관하는 것에 고난.

useEffect와 setInterval을 같이 사용하는 방식인데, useEffect의 콜백함수가 실행될때 clearInterval이 실행되어야 하기에 선언하는 방식으로는 어림도 없음.

다른 분들 작업하신걸 참고하니 변수 하나에 선언하면서 사용하고, 이펙트 훅 콜백함수의 리턴문에 clearInterval을 사용했던데 이 경우 언마운트될 경우에 실행되는 것으로 알고 있어서 해당 방식으로는 사용하지 않았다.

크롬 익스텐션을 리액트.js로 개발해보고 있는데 백그라운드에서 돌아가는지, 익스텐션에서의 언마운트는 언제 되는지 등을 실험해 봐야할 것 같다.

profile
어떻게 이걸 풀어낼 수 있을까

0개의 댓글