const mounted = useRef(false);

useEffect(()=>{
	if(!mounted.current){
    	mounted.current = true;
    } else {    
    	// ajax
    }
},[(바뀌는 값)]

이렇게 하면 된다.

처음에는 mounted가 false여서 실행이 안되고,

didMount가 자동으로 최초 1회 실행되어, mounted 값을 true로 바꾸어 준다.

그러면, (바뀌는 값)이 변경되었을 경우에만 else 문에 있는 코드가 반복 실행된다.

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기