Как c помощью React-Router отправить картинку к API и получить ответ?

Question

[Максим Корольский]

Мне дали API, это url:
api/upload

Мне надо отправлять картинку на этот API, получать ответ и уже с ответом работать

Подскажите как это правильно сделать

Подойдет ли для этого что то вроде request-promise пакета?

Answer 1

[Максим]

Так как вижу в тегах redux - отвечу "в рамках" этого проекта.
Вам нужно использовать action (действие) - "Отправка_картинки" (и это обычный асинхронный запрос, скорее всего это POST запрос, так?)
А затем в ответе на ваш асинхронный запрос, генерировать событие "Картинка_отправлена" + данные ответа.
В редьюсере, вы ловите событие "картинка_отправлена" и добавляете полученные данные в store.

Причем тут роутер - неясно. Роутинг - это не работа с "урлами" вообще. Это лишь часть работы, так сказать. Грубо говоря, реакт-роутер решает, исходя из url-адреса - какой именно компонент(ы) вам показать.

По работе с асинхронными действиями в redux можно почитать здесь.

Comments

[Максим Корольский]

Максим Подойдет ли для этого что то вроде request-promise пакета?

[Максим]

Максим Корольский: думаю да. Я сам использовал библиотеку superagent, и ее промис-версию - https://github.com/KyleAMathews/superagent-bluebir...

[Максим]

fetch (https://github.com/github/fetch ) тоже популярна... да много всего.

[Максим Корольский]

Максим спасибо, а есть ли сильная разница? Мне fetch понравился, но в целом же все одно и тоже, верно?

[Максим]

Максим Корольский: верно

[Максим Корольский]

Максим спасибо, ваша книга хороша, много полезного для изучения Redux React