useSyncState.js 1.1 KB

1234567891011121314151617181920212223242526272829
  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 = useSyncState;
  8. var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
  9. var React = _interopRequireWildcard(require("react"));
  10. /**
  11. * Sync value with state.
  12. * This should only used for internal which not affect outside calculation.
  13. * Since it's not safe for suspense.
  14. */
  15. function useSyncState(defaultValue, controlledValue) {
  16. var valueRef = React.useRef(defaultValue);
  17. var _React$useState = React.useState({}),
  18. _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
  19. forceUpdate = _React$useState2[1];
  20. var getter = function getter(useControlledValueFirst) {
  21. return useControlledValueFirst && controlledValue !== undefined ? controlledValue : valueRef.current;
  22. };
  23. var setter = function setter(nextValue) {
  24. valueRef.current = nextValue;
  25. forceUpdate({});
  26. };
  27. return [getter, setter, getter(true)];
  28. }