实现一个 useBoolean Hook,用于管理布尔状态,并提供额外的便捷实用方法。
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。
value: boolean: 当前布尔状态setTrue: () => void: 将布尔状态设置为 true 的函数setFalse: () => void: 将布尔状态设置为 false 的函数console.log() 语句将显示在此处。