useBooleanState

useBooleanState는 불리언 상태 관리를 단순화하는 리액트 훅이에요. 상태를 true로 설정하거나 false로 설정하고 값을 전환하는 기능을 제공해요.

인터페이스

function useBooleanState(
  defaultValue: boolean = false
): readonly [
  state: boolean,
  setTrue: () => void,
  setFalse: () => void,
  toggle: () => void,
];

파라미터

• defaultValueboolean
  

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

반환 값

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

  다음 값들을 포함하는 튜플이에요:

  • stateboolean
    

    현재 상태 값이에요.

  • setTrue() => void
    

    상태를 true로 설정하는 함수예요.

  • setFalse() => void
    

    상태를 false로 설정하는 함수예요.

  • toggle() => void
    

    상태를 토글하는 함수예요.

예시

const [open, openBottomSheet, closeBottomSheet, toggleBottomSheet] =
  useBooleanState(false);