实现一个 useBoolean Hook,用于管理布尔状态,并提供额外的便捷实用方法。
useBoolean
export default function Component() { const { value, setTrue, setFalse } = useBoolean(); return ( <div> <p>{value ? 'enabled' : 'disabled'}</p> <button onClick={toggle}>Toggle</button> </div> );}
initialValue: boolean
false
useBoolean Hook 返回一个具有以下属性的 object。
object
value: boolean
setTrue: () => void
true
setFalse: () => void
console.log()