A simple and optimized React hook for managing boolean state.
The initial boolean value.
false Copy
false
An object containing the current value and helper methods.
This hook uses React hooks internally:
const { value, toggle, setTrue, setFalse, reset } = useBoolean();return ( <> <p>{value ? 'ON' : 'OFF'}</p> <button onClick={toggle}>Toggle</button> <button onClick={setTrue}>Set True</button> <button onClick={setFalse}>Set False</button> <button onClick={reset}>Reset</button> </>); Copy
const { value, toggle, setTrue, setFalse, reset } = useBoolean();return ( <> <p>{value ? 'ON' : 'OFF'}</p> <button onClick={toggle}>Toggle</button> <button onClick={setTrue}>Set True</button> <button onClick={setFalse}>Set False</button> <button onClick={reset}>Reset</button> </>);
0.2.1
A simple and optimized React hook for managing boolean state.