react에서 state를 중복해서 갱신하지 않는 법

문백·2024년 4월 11일

React

목록 보기
2/8

만약 state를 useEffect를 통해 갱신했다면 값이 바뀔때마다 state가 변할것이다. state를 시간차없이 출력하면 크게 신경쓰지 않아도 되지만, 시간차를 두고 출력한다면 useEffect의 값이 바뀔 때마다 값들이 혼란스럽게 바뀌는 것을 볼 수 있다.

여러 검색을 통해 알아낸 결과 단순히 useEffect에 return을 넣어주면 해결된다...

const [time, setTime] = useState(0)
let retry;
useEffect(()=>{
	setTime(time++)
	return(()=>{
    	setTime(0)
    })
},[retry])

검색을 일상화하자. chatGPT는 신이다.

profile
개발, 오류, 무한루프

0개의 댓글