跳至主要内容

useToggle

優雅管理 Boolean 值。

Usage​

即時編輯器

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

  return (
    <div>
      <div>{on ? "ON" : "OFF"}</div>
      <button onClick={toggle}>切換</button>
      <button onClick={() => toggle(true)}>設置為開啟</button>
      <button onClick={() => toggle(false)}>設置為關閉</button>
    </div>
  );
};
結果
Loading...

API​

useToggle​

Returns​

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

  • 布林狀態的當前值。
  • 切換布林狀態值的函數。

Arguments​

參數名描述類型預設值
initialValue初始值boolean (必填)-