useToggle

useToggle 是一个简化布尔状态管理的 React Hook。它提供函数在 true 和 false 之间切换状态。

接口

function useToggle(
  initialValue: boolean = false
): [state: boolean, toggle: () => void];

参数

• initialValueboolean
  

  初始状态值。默认值为 false。

返回值

• [state: boolean, toggle: () => void]
  

  元组：

  • stateboolean
    

    当前的状态值。

  • toggle() => void
    

    切换状态的函数。

示例

import { useToggle } from 'react-simplikit';

function Component() {
  const [open, toggle] = useToggle(false);

  return (
    <div>
      <p>Bottom Sheet state: {open ? 'opened' : 'closed'}</p>
      <button onClick={toggle}>Toggle</button>
    </div>
  );
}