Как я могу сделать несколько асин c запросов с реагирующими хуками?

Question

Каков наилучший способ решения этого сценария использования пользовательского интерфейса с помощью перехватчиков реагирования - снимок экрана

У меня есть листы, каждый из которых должен сделать запрос к конечным точкам API REST с поддержкой. Количество плиток настраивается для каждого модуля, поэтому в идеале я хочу иметь некоторую конфигурацию с массивом элементов, таких как

{title, text, asyncRequestFunction}

и на основе этого массива конфигурации, который я хочу сделать несколько асинхронных c и одновременных запросов на загрузку данных. Каждая плитка должна показывать некоторый счетчик, когда соответствующий запрос выполняется, и показывать данные, как только они поступают, а не после того, как все данные доступны. Могу ли я решить эту проблему с помощью некоторых доступных в настоящее время хуков, таких как response-hooks-asyn c?

Что мне действительно мешает, так это то, что реагирующие хуки не могут быть вызваны в l oop.

Answer 1

Не совсем уверен, что я отвечаю на ваш вопрос, Джирко, потому что обычно лучше показать пример кода того, что вы уже пробовали.

Вдобавок ко мне, у меня был бы контейнерный компонент, где конфигурируется. Затем отобразил массив плиток из конфигурации и отрисовал дочерние компоненты с любыми необходимыми настройками, которые были переданы как реквизиты.

Таким образом, каждый дочерний компонент может позаботиться о своей собственной выборке внутри useEffect или о любом хуке, который вы используете из библиотеки. .

Кроме того, крючки не должны работать внутри l oop, это анти-шаблон.