Merge pull request #31 from Code-the-Dream-School/FetchHook

Fetch Hook Created

src/hooks/useFetch.js

@@ -0,0 +1,37 @@
+import { useState, useEffect } from 'react';
+
+const useFetch = (url) => {
+    const [isLoading, setIsLoading] = useState(true);
+    const [isError, setIsError] = useState(false);
+    // change state value
+    const [data, setData] = useState(null);
+
+    useEffect(() => {
+        // change name
+        const fetchData = async () => {
+            try {
+                const resp = await fetch(url);
+
+                if (!resp.ok) {
+                    setIsError(true);
+                    setIsLoading(false);
+                    return;
+                }
+                // change to response
+                const response = await resp.json();
+                setData(response);
+            } catch (error) {
+                setIsError(true);
+                // console.log(error);
+            }
+            // hide loading
+            setIsLoading(false);
+        };
+        // invoke fetch data
+        fetchData();
+    }, []);
+
+    return { isLoading, isError, data };
+};
+
+export default useFetch;