Published on

useToggle HoHook Reactoks

useToggle HoHook Reactoks

useToggle HoHook Reactoks

useToggle Code and Usage

useToggle is a hook to toggle between two values.

import { useState } from "react";

const useToggle = (initialValue = false) => {
  const [value, setValue] = useState(initialValue);

  const toggle = () => {
    setValue((prevValue) => !prevValue);
  };

  return [value, toggle];
};

// Usage
const ToggleExample = () => {
  const [isToggled, toggle] = useToggle(false);

  return (
    <div>
      <p>Toggle is {isToggled ? "ON" : "OFF"}</p>
      <button onClick={toggle}>Toggle</button>
    </div>
  );
};