useBoolean ​

const [state, { toggle, setTrue, setFalse }] = useBoolean(true);

import { useMemo } from "react";
import useToggle from "../useToggle";

export interface Actions {
  setTrue: () => void;
  setFalse: () => void;
  set: (value: boolean) => void;
  toggle: () => void;
}

export default function useBoolean(
  defaultValue = false
): [boolean, Actions] {
  // 调用 useToggle
  const [state, { toggle, set }] = useToggle(!!defaultValue);
  // 封装 action
  const actions: Actions = useMemo(() => {
    const setTrue = () => set(true);
    const setFalse = () => set(false);
    return {
      toggle,
      set: (v) => set(!!v),
      setTrue,
      setFalse,
    };
  }, []);
  // 返回状态和改变状态的方法对象
  return [state, actions];
}