최초 렌더링이후 동작하는 useEffect 예시

KJH·2024년 2월 13일
0

하고 싶었던 기능 : 최초 렌더링 이후 특정값 comparisonData 이 변경되면 동작하는 useEffect

  const refMounted = useRef(false);

  useEffect(() => {
    if (comparisonData) {
      // useRef를 초기화를 이용한 방법
      if (!refMounted.current) {
        // refMounted 초기화
        refMounted.current = true;
      } else {
        // 최초 Mount 이후 1번만 실행되는 부분
        setTestAction();
      }
    }
  }, [comparisonData]);
profile
항상 공부하는 N년차 개발자입니다.

0개의 댓글

관련 채용 정보