use-did-update

use-did-update

값이 변경될 때 useEffect에서 주어진 함수를 호출하되, 컴포넌트 마운트 시에는 호출하지 않는 use-did-update 훅에 대해 설명해 드릴게요. @mantine/hooks 패키지에서 제공돼요.

출처: 문서

본문

사용법

use-did-update 훅은 useEffect와 같은 방식으로 동작하지만, 컴포넌트가 마운트될 때는 호출되지 않아요:

import { useDidUpdate } from '@mantine/hooks';

function Demo() {
  useDidUpdate(
    () => console.log("Will not be called when mounted"),
    [dependency1, dependency2]
  );
}

정의

function useDidUpdate(fn: React.EffectCallback, dependencies?: any[]): void;

더 알아보기 (Learn more)