Convenient helpers for handling boolean state.
npm i use-boolean
import React from 'react'
import { useBoolean } from 'use-boolean'
function App() {
const [visible, show, hide, toggle] = useBoolean(false)
return (
<div>
{visible ? <div>Hello, World!</div> : null}
<button onClick={show}>Show</button>
<button onClick={hide}>Hide</button>
<button onClick={toggle}>Toggle</button>
</div>
)
}useBoolean() call
useBoolean(value: boolean): UseBooleanUseBoolean return type
type UseBoolean = [boolean, SetTrue, SetFalse, Toggle, SetValue]SetTrue, SetFalse, Toggle and SetValue all wrapped with useCallback() so you don't need to do it yourself.