[React] useEffect(()=>{},[]); 두번 실행

Narcoker·2023년 2월 3일
0

ErrorHandling

목록 보기
7/14

에러사항

useEffect(()=>{
	console.log("test");
},[])

위와 같은 코드처럼 useEffect dependency에 빈 배열을 넣으면
렌더링 시 한번만 실행되어야 하는데 두번 실행되었다.

조치사항

프로젝트의 src/index.js에서
<React.StrictMode> 태그로 이 감싸져있으면
개발모드에서 (개발 단계시 오류를 잘 잡기위해) 두 번씩 렌더링됩니다.

출처: https://www.inflearn.com/questions/510296

이와 같은 이유로 <React.StrictMode> 태그를 삭제하니 한번만 실행되었다.

profile
열정, 끈기, 집념의 Frontend Developer

0개의 댓글