useOnceEffect

컴포넌트가 마운트될 때 한 번만 실행되는 커스텀 훅입니다.

Code

🔗 실제 구현 코드 확인

Interface

typescript

function useOnceEffect(effectCallback: EffectCallback): void

Usage

typescript

import { useOnceEffect } from '@modern-kit/react';

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

  useOnceEffect(() => {
    console.log('컴포넌트가 마운트되었습니다.');
  });

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>증가</button>
    </div>
  );
};

Example

Count: 0

상태를 변경해 리렌더링을 발생시켜도 effect는 한 번만 호출됩니다.