Как правильно обновить state
за 1 раз после выполнения всех сетевых запросов?
// idList === ["34563", "123423", "2359239"]
const [itemsList, setItemsList] = useState([]);
useEffect(() => {
const updatedItemsList = [];
idList.forEach((id) => {
const item = doSomeFetch(id);
updatedItemsList.push(item)
})
setItemsList(updatedItemsList)
}, [props.idList])
Ожидаемый результат:
- проходимся по массиву с
id
- делаем запрос к серверу на каждый
id
- получаем объект по его
id
и добавляем в массив - по завершению всех запросов полученный массив прокидываем в стейт
Promise.all
что бы послать все запросы параллельно и обработать результат всех запросов