useToggle

优雅管理 Boolean 值。

Usage

实时编辑器

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

  return (
    <div>
      <div>{on ? "ON" : "OFF"}</div>
      <button onClick={toggle}>Toggle</button>
      <button onClick={() => toggle(true)}>set ON</button>
      <button onClick={() => toggle(false)}>set OFF</button>
    </div>
  );
};

结果

Loading...

API

useToggle

Returns

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

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

Arguments

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