/
eb
/
project_web3.0
Обзор
Документация
Войти
/
eb
/
project_web3.0
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
client/src/hooks/useFetch.jsx
26 строк
736 B
Adrian Hajdin - JavaScript Mastery
initial commit
22 дек 2021, 22:07
22 дек 2021, 22:07
772b11f
Код
Авторство
О чём код?
import { useEffect, useState } from "react"; const APIKEY = import.meta.env.VITE_GIPHY_API; const useFetch = ({ keyword }) => { const [gifUrl, setGifUrl] = useState(""); const fetchGifs = async () => { try { const response = await fetch(`https://api.giphy.com/v1/gifs/search?api_key=${APIKEY}&q=${keyword.split(" ").join("")}&limit=1`); const { data } = await response.json(); setGifUrl(data[0]?.images?.downsized_medium.url); } catch (error) { setGifUrl("https://metro.co.uk/wp-content/uploads/2015/05/pokemon_crying.gif?quality=90&strip=all&zoom=1&resize=500%2C284"); } }; useEffect(() => { if (keyword) fetchGifs(); }, [keyword]); return gifUrl; }; export default useFetch;