react-use
Version:
Collection of React Hooks
32 lines (31 loc) • 1.35 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = require("react");
var useMountedState_1 = tslib_1.__importDefault(require("./useMountedState"));
function useAsyncFn(fn, deps, initialState) {
if (deps === void 0) { deps = []; }
if (initialState === void 0) { initialState = { loading: false }; }
var lastCallId = react_1.useRef(0);
var isMounted = useMountedState_1.default();
var _a = react_1.useState(initialState), state = _a[0], set = _a[1];
var callback = react_1.useCallback(function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
var callId = ++lastCallId.current;
if (!state.loading) {
set(function (prevState) { return (tslib_1.__assign(tslib_1.__assign({}, prevState), { loading: true })); });
}
return fn.apply(void 0, args).then(function (value) {
isMounted() && callId === lastCallId.current && set({ value: value, loading: false });
return value;
}, function (error) {
isMounted() && callId === lastCallId.current && set({ error: error, loading: false });
return error;
});
}, deps);
return [state, callback];
}
exports.default = useAsyncFn;