Viewing File: /home/ubuntu/todaykat-frontend-base/node_modules/@restart/hooks/cjs/useToggleState.js

"use strict";

exports.__esModule = true;
exports.default = useToggleState;

var _react = require("react");

/**
 * Create a state setter pair for a boolean value that can be "switched".
 * Unlike `useState(false)`, `useToggleState` will automatically flip the state
 * value when its setter is called with no argument.
 *
 * @param initialState The initial boolean value
 * @returns A tuple of the current state and a setter
 *
 * ```jsx
 * const [show, toggleShow] = useToggleState(false)
 *
 * return (
 *   <>
 *     <button onClick={() => toggleShow()}>
 *       Toggle
 *     <button>
 *
 *     {show && <strong>Now you can see me</strong>}
 *   </>
 * )
 *
 * ```
 */
function useToggleState(initialState) {
  if (initialState === void 0) {
    initialState = false;
  }

  return (0, _react.useReducer)(function (state, action) {
    return action == null ? !state : action;
  }, initialState);
}
Back to Directory File Manager