useEffect clean up 질문

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

글쓴이

글

2022년 10월 12일 13:30 #49983

참가자


토이 프로젝트 진행 중 clean up function에서 문제가 발생해 질문 남깁니다.
위 코드에서 보이는 것처럼 컴포넌트가 mount될때 세션스토리지에 값을 저장하고 
컴포넌트가 unmount 될때 세션스토리지에서 mount될때 저장한 값을 지우는 코드를 작성했는데
clean up 함수가 실행이 안되는 것 같습니다.
다른 페이지로 나가거나 뒤로 가기 등등 여러 가지 시도를 해보았지만  세션스토리지에 mount될때 저장한 
값들이 지워지지 않고 유지가 됩니다. 
왜 이런 현상이 발생하는 것이고 어떤 방법으로 해결 할 수 있을까요?

2022년 10월 12일 15:03 #50006

codingapple

키 마스터

useEffect 내부랑 return 내부에 console.log 같은거 써서 테스트해봅시다

2022년 10월 12일 16:42 #50024

이진이

참가자

답변 보고 여러가지 테스트를 해봤는데 clean up 함수 안에 코드가 뒤로 가기나 다른 페이지로 
이동 시에 실행이 안되는 건지 console창에 다른 페이지로 이동해서 나타나지 안는 건지 모르겠네요...
여러가지 검색이나 다양한 방법을 시도해 봤지만 결과는 같았습니다. ㅠㅠ
위 코드와 같이 다른 페이지로 이동하거나 할 때 clean up 안에 
코드를 실행하고 싶은 경우는 어떤 식으로 해야 하나요?

2022년 10월 12일 20:31 #50049

codingapple

키 마스터

라우터로 이동시엔 발동됩니다 페이지 새로고침이나 뒤로가기시 실행하려면 beforeunload 이벤트리스너같은걸 찾아봅시다

글쓴이

글

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

답변은 로그인 후 가능합니다.

로그인

useEffect clean up 질문

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png