Привет! есть react, redux При рендере страницы получаю список ID в

Question

Привет! есть react, redux При рендере страницы получаю список ID в

хранилище редакса, дальше мне надо по этим id получить сами айтемы (дада, такая api)
где и как правильно будет сделать отслеживание что ID уже получены и можно получать айтемы?

#frontend #javascript #programming #react.js #russian

0

01.06.2023

2 ответов

14 просмотров

Константин Автор вопроса

Илюша 🎂
Вероятно, вы можете использовать промежуточное (mi...

точно, спасибо, все было на поверхности

0

01.06.2023

Илюша 🎂 · Accepted Answer

Вероятно, вы можете использовать промежуточное (middleware) слои в Redux для отслеживания действий и выполнения асинхронных операций. Redux Thunk или Redux Saga обычно используются для таких задач. В вашем случае, вы можете создать действие, которое сначала получает список ID, а затем, когда ID получены, запускает другое действие, чтобы получить айтемы по этим ID. Вот пример с использованием Redux Thunk: javascript // actions.js export const getItems = () => { return (dispatch, getState) => { // Получить список ID api.getIds().then(ids => { // Сохранить ID в хранилище dispatch({ type: 'SAVE_IDS', payload: ids }); // Запустить действие для получения айтемов dispatch(fetchItems(ids)); }); }; }; export const fetchItems = (ids) => { return (dispatch) => { // Получить айтемы по ID api.getItemsByIds(ids).then(items => { // Сохранить айтемы в хранилище dispatch({ type: 'SAVE_ITEMS', payload: items }); }); }; }; Таким образом, когда вы вызываете dispatch(getItems()), сначала получаются ID, затем они сохраняются в хранилище, а затем запускается действие для получения айтемов по этим ID. Примечание: api.getIds() и api.getItemsByIds(ids) - это просто заглушки для ваших реальных API-запросов. Замените их своими функциями для выполнения соответствующих запросов к вашему API. Надеюсь, это поможет вам решить вашу проблему!

169 похожих чатов

Привет! есть react, redux При рендере страницы получаю список ID в

2 ответов

Похожие вопросы