Получение данных
Часть курса React
Почти ни одно настоящее приложение не обходится тем, что уже лежит у пользователя на экране. Рано или поздно компоненту приходится о чём-то спросить сервер: список пользователей, подробности о товаре, страницу результатов поиска. И пока ответ не пришёл, есть промежуток времени, когда компоненту нечего показать, и есть вполне реальный шанс, что ответ не придёт вовсе, потому что сеть подвела.
Обращение к серверу, это побочный эффект (side effect), то есть действие, выходящее за рамки "вычисли JSX этого компонента из его текущих пропсов и состояния", из той же семьи, что запуск таймера или открытие соединения. Если вызвать fetch прямо в теле компонента, он сработает при каждой отрисовке, включая те, что случились по причинам, не имеющим никакого отношения к свежим данным, и каждый такой вызов в итоге...
Хочешь изучать React Получение данных в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Получение данных на практике вместе с AI-наставником, который знает твой код.
Начать этот урокПолучение данныхЧему вы научитесь
- Fetch inside useEffect
- Loading/error/data states
- AbortController cleanup
- Preventing setState after unmount
- Mention TanStack Query as a next step
