useSyncState.js 823 B

12345678910111213141516171819202122
  1. import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
  2. import * as React from 'react';
  3. /**
  4. * Sync value with state.
  5. * This should only used for internal which not affect outside calculation.
  6. * Since it's not safe for suspense.
  7. */
  8. export default function useSyncState(defaultValue, controlledValue) {
  9. var valueRef = React.useRef(defaultValue);
  10. var _React$useState = React.useState({}),
  11. _React$useState2 = _slicedToArray(_React$useState, 2),
  12. forceUpdate = _React$useState2[1];
  13. var getter = function getter(useControlledValueFirst) {
  14. return useControlledValueFirst && controlledValue !== undefined ? controlledValue : valueRef.current;
  15. };
  16. var setter = function setter(nextValue) {
  17. valueRef.current = nextValue;
  18. forceUpdate({});
  19. };
  20. return [getter, setter, getter(true)];
  21. }