Rev 3496 | Rev 3660 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import { useState, useCallback } from 'react';
const defaultOptions = {
onSuccess: () => {},
onError: () => {}
};
export function useApi(apiFunction, options = defaultOptions) {
const { onSuccess, onError } = { ...defaultOptions, ...options };
const [data, setData] = useState(null);
const [error, setError] = useState(null);
const [loading, setLoading] = useState(false);
const execute = useCallback(
async (...args) => {
setLoading(true);
setData(null);
setError(null);
try {
const result = await apiFunction(...args);
setData(result);
onSuccess(result);
return result;
} catch (err) {
console.error('Error on api: ', err);
setError(err.message);
onError(err);
} finally {
setLoading(false);
}
},
[apiFunction, onSuccess, onError]
);
return { loading, data, error, execute };
}