-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathuse-http.js
60 lines (52 loc) · 1.18 KB
/
use-http.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import { useReducer, useCallback } from 'react';
function httpReducer(state, action) {
if (action.type === 'SEND') {
return {
data: null,
error: null,
status: 'pending',
};
}
if (action.type === 'SUCCESS') {
return {
data: action.responseData,
error: null,
status: 'completed',
};
}
if (action.type === 'ERROR') {
return {
data: null,
error: action.errorMessage,
status: 'completed',
};
}
return state;
}
function useHttp(requestFunction, startWithPending = false) {
const [httpState, dispatch] = useReducer(httpReducer, {
status: startWithPending ? 'pending' : null,
data: null,
error: null,
});
const sendRequest = useCallback(
async function (requestData) {
dispatch({ type: 'SEND' });
try {
const responseData = await requestFunction(requestData);
dispatch({ type: 'SUCCESS', responseData });
} catch (error) {
dispatch({
type: 'ERROR',
errorMessage: error.message || 'Something went wrong!',
});
}
},
[requestFunction]
);
return {
sendRequest,
...httpState,
};
}
export default useHttp;