update useFetch

add useCallback
LieuMai · Aug 29, 2021 · 2c130de · 2c130de
1 parent ff56bac
commit 2c130de
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/react-tutorial/src/tutorial/9-custom-hooks/setup/2-useFetch.js b/react-tutorial/src/tutorial/9-custom-hooks/setup/2-useFetch.js
@@ -1,19 +1,19 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect,useCallback } from 'react';
 
 export const useFetch = (url) => {
 	const [loading, setLoading] = useState(true)
 	const [products, setProducts] = useState([])
 
-	const getProducts = async () => {
+	const getProducts = useCallback(async () => {
     const response = await fetch(url)
     const products = await response.json()
     setProducts(products)
     setLoading(false)
-  }
+  },[url])
 
   useEffect(() => {
     getProducts()
-  }, [url])
+  }, [url,getProducts])
 
   return { loading,products }
 };