实现一个 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
的函数实现一个 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()
语句将显示在此处。