mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-24 17:35:16 +00:00
39 lines
904 B
JavaScript
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);
|
||
|
|
}
|