useToggle

useToggle은 불리언 상태 관리를 간소화하는 리액트 훅이에요. 상태를 true와 false 사이에서 전환하는 함수를 제공해요.

인터페이스

function useToggle(
  initialValue: boolean = false
): [state: boolean, toggle: () => void];

파라미터

• initialValueboolean
  

  초기 상태 값이에요. 기본값은 false예요.

반환 값

• [state: boolean, toggle: () => void]
  

  튜플:

  • stateboolean
    

    현재 상태 값이에요.

  • toggle() => void
    

    상태를 전환하는 함수예요.

예시

import { useToggle } from 'react-simplikit';

function Component() {
  const [open, toggle] = useToggle(false);

  return (
    <div>
      <p>하단 시트 상태: {open ? '열림' : '닫힘'}</p>
      <button onClick={toggle}>토글</button>
    </div>
  );
}