GoScrobble/web/node_modules/@restart/hooks/cjs/useToggleState.js

39 lines
904 B
JavaScript

"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);
}