rsuite
Version:
A suite of react components
32 lines (31 loc) • 1.27 kB
JavaScript
'use client';
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
exports.useEventCallback = useEventCallback;
var _react = require("react");
var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./useIsomorphicLayoutEffect"));
/**
* https://github.com/facebook/react/issues/14099#issuecomment-440013892
* @param {function} fn
*/
function useEventCallback(fn) {
var ref = (0, _react.useRef)(fn);
/**
* use useLayoutEffect instead of useEffect.
* useLayoutEffect is earlier than useEffect, sometimes we use setState and then use callback immediately,
* However the state in callback is not the latest, because useEffect is not triggered.
*/
(0, _useIsomorphicLayoutEffect.default)(function () {
ref.current = fn;
});
return (0, _react.useCallback)(function () {
var _ref$current;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call.apply(_ref$current, [ref].concat(args));
}, []);
}
var _default = exports.default = useEventCallback;