useEffect( () =&gt; {
&nbsp; &nbsp; alert("나타났습니다")
&nbsp; &nbsp; return () =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp; alert("죽었습니다")
&nbsp; &nbsp; }
}, [] )
&nbsp;
으로 똑같이 작성하였는데,
&nbsp;
upload로 들어갈때
나타났습니다 -&gt; 죽었습니다 -&gt; 나타났습니다&nbsp;
이렇게 3번나옵니다.
&nbsp;
list나 home으로 갈땐 죽었습니다 한번만 나옵니다.
&nbsp;
무슨이유일까요...

https://velog.io/@kysung95/%EC%A7%A4%EB%A7%89%EA%B8%80-react-strict-%EB%AA%A8%EB%93%9C%EB%9E%80
react.strictmode 를 삭제해주어 해결을 하였습니다.
ReactDOM을 최신버전인 react18에서는 지원하지 않는다고하네요. 그래서 옛날버전 코드로는 사용하지못하고,&nbsp;
react.strictmode 만 지워주었습니다.
문제가 되는 함수를 두번실행하여주는 double-invoke 현상으로 인해 useEffect가 두번 랜더링 되지않았나 생각합니다.

인프런 커뮤니티 질문&답변

useEffect 질문입니다.