Задать вопрос

React и асинхронные запросы?

Не могу разобраться как грамотно реализовать взаимодействие с API в реакт компонентах. Может кто скинуть примеры кода или туториалы/руководства?
  • Вопрос задан
  • 2694 просмотра
Подписаться 3 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 2
@SuperOleg39ru
Front-end разработчик
Для работы с API удобно будет взять готовую библиотеку, у которой методы http запросов возвращают промисы или объекты с аналогичными свойствами.
Я могу посоветовать axios, в простом случае хватит и нативного метода fetch.

Затем, вы можете создать отдельные классы - сервисы для работы с конкретными разделами API (например UsersService для работы со списком пользователей, AuthService для авторизации). И методы сервиса принимают необходимые аргументы, и возвращают методы axios (например UsersService.get(id) возвращает axios(`api/url/users/${id}`))

И эти сервисы вы используете в ваших "умных" компонентах, в методе componentDidMount.

Ссылка на статью с примером тут
Ответ написан
Комментировать
SPAHI4
@SPAHI4
реактовцы - это не девы, а прокидыватели пропсов
Самый простой вариант
https://github.com/heroku/react-refetch
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽