actions в котором есть ассинхронные запросы, но один запрос нужно сделать рекурсией, чтоб не отправлять огромный запрос, а забирать маленькими кусочками. Все вроде ничего, но вот только прорисовка наступает быстрей чем сохраняется последний кусочек в ReduxStatemyRecursion = (cb) => { // Рекурсивная функция, которую будем вызывать дальше при выполнении реквеста
return new Promise(() => {
Api
.getSomeData(request)
.then(response => {
dispatch(actionHandler(response.item)) // Диспатчим новые айтемы
if(response.items.length){
myRecursion(); // Если есть еще данные, вызываемся снова
return false;
}
return true;
})
.then(() => cb()) // Вызываем колбек, который является resolve, чтоб зарезолвить промис.
})
}
// Ниже главные функционал реквестов
const promise = new Promise(resolve => {
const requests = someData.reduce() // тут собирается пачка реквестов
Promise
.all(requests) // резолвим все реквесты
.then(response => {
response.forEach((item, i) => {
dispatch(actionHandler(item)); // Диспатчим, всё ок
if(item.type определенного типа мы его загоняем в рекурсию){ // необходимое условие для определенного реквеста
myRecursion(resolve) // Та самая рекурсия. Я решил запихнуть туда resolve, чтоб его вызвать колбеком по завершению всех следующих реквестов
}
})
});
});
promise.then(() => {
// По идее все реквесты закончились, но последний резвест не успевает сохраниться в Redux State, и отрисовка некоторых данных получается некорректная, все предыдущие запросы рисуются отлично
})
const fetchData = () => async dispatch => {
const data = [];
try {
while(true) {
const response = await Api.getSomeData({ from: data.length });
data.push(response.item); // если item это массив, то data.push(...response.item);
if(!response.items.length) {
break;
}
}
dispatch(fetchDataSuccess(data));
return data;
} catch (e) {
dispatch(fetchDataFail(e));
}
};
Простой
Средний
Средний
Простой