Asyn c действия, которые не отправляются в магазин?

Question

В моем приложении React / Redux у меня есть компонент, который должен извлечь что-то с сервера, поэтому я написал простой вызов ax ios как избыточное действие thunk.

Однако это действие само по себе ничего не отправляет; извлеченная информация используется ТОЛЬКО в компоненте. Так что на самом деле это не должно быть избыточным действием. Правильно?

Вполне возможно, что я начал изучать Redux так скоро после того, как познакомился с React, что я ... не знаю, где вы "должны" добавлять асин c функции помимо Redux действия.

Должен ли я просто сделать вызов ax ios в методе экземпляра в моем Компоненте? Что лучше всего делать с этим?

Answer 1

Вы правы, вы можете сделать запрос в своем компоненте. Поскольку вы, вероятно, захотите перерисовать что-либо на основе ответа, вы захотите использовать setState в вашем компоненте класса или useState в вашем компоненте функции. Тем не менее, рекомендуется иметь уровень абстракции между вашим компонентом и клиентом http (ax ios). Например, какой-то сервисный модуль, который возвращает обещание топора ios. В вашем компоненте вы можете либо дождаться ответа, либо добавить обработчик .then для обещания, который затем устанавливает состояние компонента.