- Published on
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>
);
};