useState.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435
  1. "use strict";
  2. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = useSafeState;
  8. var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
  9. var React = _interopRequireWildcard(require("react"));
  10. /**
  11. * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
  12. * We do not make this auto is to avoid real memory leak.
  13. * Developer should confirm it's safe to ignore themselves.
  14. */
  15. function useSafeState(defaultValue) {
  16. var destroyRef = React.useRef(false);
  17. var _React$useState = React.useState(defaultValue),
  18. _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
  19. value = _React$useState2[0],
  20. setValue = _React$useState2[1];
  21. React.useEffect(function () {
  22. destroyRef.current = false;
  23. return function () {
  24. destroyRef.current = true;
  25. };
  26. }, []);
  27. function safeSetState(updater, ignoreDestroy) {
  28. if (ignoreDestroy && destroyRef.current) {
  29. return;
  30. }
  31. setValue(updater);
  32. }
  33. return [value, safeSetState];
  34. }