Как работаешь с запросами внутри компонента

Для работы с запросами внутри компонента можно использовать `fetch`, `axios` или библиотеки типа `react-query`/`swr`. Лучше выносить логику запросов в отдельные сервисы или хуки. Пример с `fetch` и `useEffect`: ```jsx import { useState, useEffect } from 'react'; function UserList() { const [users, setUsers] = useState([]); const [loading, setLoading] = useState(false); useEffect(() => { setLoading(true); fetch('/api/users') .then(res => res.json()) .then(data => setUsers(data)) .finally(() => setLoading(false)); }, []); if (loading) return ; return (

{users.map(user =>
• {user.name}
)}

); } ``` Оптимальный вариант - кастомный хук: ```jsx function useFetchData(url) { const [data, setData] = useState(null); const [error, setError] = useState(null); useEffect(() => { fetch(url) .then(res => res.json()) .then(setData) .catch(setError); }, [url]); return { data, error }; } ``` Для сложных случаев лучше использовать `react-query` - он даёт кеширование, рефетчинг и другие фичи из коробки.