useBooleanState

useBooleanState es un Hook de React que te permite gestionar un estado booleano de forma sencilla. Proporciona funciones para establecer el estado en true, establecerlo en false y alternar su valor.

Interfaz

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

Parámetros

• initialValueboolean | (() => boolean)
  

  El valor inicial del estado. El valor predeterminado es false.

Valor de retorno

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

  Una tupla que contiene:

  • stateboolean
    

    El valor actual del estado.

  • setTrue() => void
    

    Una función para establecer el estado en true.

  • setFalse() => void
    

    Una función para establecer el estado en false.

  • toggle() => void
    

    Una función para alternar el estado.

Ejemplo

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