[React] 업데이트 될때만 useEffect 실행

component 업데이트 시에만 useEffect 작동

클래스형에서 사용하던 componentDidUpdate를 사용하고 싶다면 어떻게 해야할까?

useEffect는 componentDidMount와  componentDidMount+componentDidUpdate 기능을 제공함

여기서 componentDidUpdate만 사용하고 싶다면 조건을 걸어 update 시에만 useEffect가 작동하도록 하면 됨

 

간단한 예시

const mounted = useRef(false);

useEffect(() => {
    if(!mounted.current) {
        mounted.current = true;
    } else {
     // startDate 변경시 작업내용
    }
}, [startDate]);