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