etc-hooks/es/useToggle/index.js

Etcetera React 业务 Hooks

import { __read } from "tslib";
import { useMemo, useState } from "react";
function useToggle(defaultValue, reverseValue) {
    if (defaultValue === void 0) {
        defaultValue = false;
    }
    var _a = __read(useState(defaultValue), 2), state = _a[0], setState = _a[1];
    var actions = useMemo(function() {
        var reverseValueOrigin = reverseValue === undefined ? !defaultValue : reverseValue;
        var toggle = function toggle() {
            return setState(function(s) {
                return s === defaultValue ? reverseValueOrigin : defaultValue;
            });
        };
        var set = function set(value) {
            return setState(value);
        };
        var setLeft = function setLeft() {
            return setState(defaultValue);
        };
        var setRight = function setRight() {
            return setState(reverseValueOrigin);
        };
        return {
            set: set,
            toggle: toggle,
            setLeft: setLeft,
            setRight: setRight
        };
    }, []);
    return [
        state,
        actions
    ];
}
export default useToggle;