2

Как правильно обновить 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 и добавляем в массив
  • по завершению всех запросов полученный массив прокидываем в стейт
1
  • Promise.all что бы послать все запросы параллельно и обработать результат всех запросов
    – ThisMan
    13 мая 2021 в 9:50

1 ответ 1

4

useEffect(() => {

  Promise.all(idList.map((id) => doSomeFetch(id)))
    .then((updatedItemsList) => setItemsList(updatedItemsList))
    .catch(console.error)

}, [props.idList])

можно даже немного короче

useEffect(() => {

  Promise.all(idList.map(doSomeFetch))
    .then(setItemsList).catch(console.error)

}, [props.idList])

2
  • А какой смысл здесь использовать сниппеты кода, они же не будут работать?
    – 0xdb
    13 мая 2021 в 11:09
  • @0xdb в этой штуке проще написать код не открывая ide. вот, весь смысл - ide и не ide 13 мая 2021 в 20:38

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.