useBoolean

作者
AI Engineer
语言

实现一个 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 的函数