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

Question

[Александр]

Не могу разобраться как грамотно реализовать взаимодействие с API в реакт компонентах. Может кто скинуть примеры кода или туториалы/руководства?

Comments

[Андрей]

я точный ответ не дам но возможно чем то поможет, гугли promise, rest.js если с редаксом тогда, redux-thunk, redux-api-middleware

[Андрей]

https://torquemag.io/2016/07/react-powered-wordpress/

Answer 1

[Олег Драпеза]

Для работы с API удобно будет взять готовую библиотеку, у которой методы http запросов возвращают промисы или объекты с аналогичными свойствами.
Я могу посоветовать axios, в простом случае хватит и нативного метода fetch.

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

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

Ссылка на статью с примером тут

Answer 2

[Антон]

Самый простой вариант
https://github.com/heroku/react-refetch