-
Notifications
You must be signed in to change notification settings - Fork 0
/
useFetch.js
62 lines (49 loc) · 1.4 KB
/
useFetch.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
61
62
// import axios from "axios";
// const url=import.meta.env.VITE_HOST
// export const testFetch=async(endPoint)=>{
// console.log(endPoint);
// const api = {
// base: import.meta.env.VITE_BASE_URL,
// host: import.meta.env.VITE_HOST,
// key: import.meta.env.VITE_KEY
// };
// const options = {
// method: 'GET',
// url: `${api.base}/${endPoint}`,
// headers: {
// 'x-rapidapi-host': `${api.host}`,
// 'x-rapidapi-key': `${api.key}`
// }
// };
// axios.request(options).then(function (response) {
// return(response.data.top);
// setLoading(false)
// }).catch(function (error) {
// console.error(error);
// });
// }
import {useState,useEffect} from 'react'
function useFetch(url,options) {
const [loading,setLoading]=useState(true)
const [data,setData]=useState(null)
const [error,setError]=useState(null)
useEffect(()=>{
const fetchData=async()=>{
try{
const response=await fetch(url,options)
const data=await response.json()
console.log(data);
setData(data)
setLoading(false)
}
catch(error){
setError(error)
setLoading(false)
}
}
fetchData()
//eslint-disable-next-line react-hoooks/exhaustive-deps
},[])
return {data,loading,error}
}
export default useFetch