useToggle

useToggle es un Hook de React que simplifica la gestión de un estado booleano. Proporciona una función para alternar el estado entre true y false.

Interfaz

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

Parámetros

• initialValueboolean
  

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

Valor de retorno

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

  Una tupla:

  • stateboolean
    

    El valor actual del estado.

  • toggle() => void
    

    Una función para alternar el estado.

Ejemplo

import { useToggle } from 'react-simplikit';

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

  return (
    <div>
      <p>Estado del panel inferior: {open ? 'abierto' : 'cerrado'}</p>
      <button onClick={toggle}>Alternar</button>
    </div>
  );
}