useToggle

优雅管理 Boolean 值。

Usage

实时编辑器

function Demo() {
  const [on, toggle] = useToggle(true);

  return (
    <div>
      <div>{on ? "开启" : "关闭"}</div>
      <button onClick={toggle}>切换</button>
      <button onClick={() => toggle(true)}>设为开启</button>
      <button onClick={() => toggle(false)}>设为关闭</button>
    </div>
  );
};

结果

开启

API

useToggle

Returns

[boolean, (nextValue?: any) => void]: 包含以下元素的元组：

• 布尔状态的当前值。
• 切换布尔状态值的函数。

Arguments

参数名	描述	类型	默认值
initialValue	初始值	boolean (必填)	-