state

useToggle

Gestiona un estado booleano con helpers toggle, setTrue y setFalse. Reduce boilerplate en patrones de UI encendido/apagado.

useToggle.ts

import { useState, useCallback } from "react"

interface UseToggleReturn {
  value: boolean
  toggle: () => void
  setTrue: () => void
  setFalse: () => void
}

export function useToggle(initialValue = false): UseToggleReturn {
  const [value, setValue] = useState(initialValue)

  const toggle = useCallback(() => setValue((v) => !v), [])
  const setTrue = useCallback(() => setValue(true), [])
  const setFalse = useCallback(() => setValue(false), [])

  return { value, toggle, setTrue, setFalse }
}

¿Fue útil?

Inicia sesión para dar feedback

Buscar

useToggle