useDidUpdate

useDidUpdate는 최초 마운트 시에는 실행되지 않고, 의존성 배열(deps)의 값이 업데이트되었을 때만 effect를 실행시키는 커스텀 훅입니다.

Code

🔗 실제 구현 코드 확인

Interface

typescript

function useDidUpdate(effect: () => void, deps: DependencyList): void

Usage

typescript

import { useDidUpdate } from '@modern-kit/react'

const Example = () => {
  const [count, setCount] = useState(0);
  const [isUpdated, setIsUpdated] = useState(false);

  useDidUpdate(() => {
    setIsUpdated(true);
  }, [count]);


  return (
    <div>
      <button onClick={() => setCount(count + 1)}>Increment: {count}</button>
      {isUpdated && <p>count가 변경되었습니다. {count}</p>}
    </div>
  );
}

Example