Как сделать несколько запросов в js?

Question

[Gagatyn]

Hacker news предоставляет свой API новостей, работы и т.д.
топ новости 500 штук в виде ID - https://hacker-news.firebaseio.com/v0/topstories.json
и одна новость - https://hacker-news.firebaseio.com/v0/item/9130260.json

Как связать и вывести эти топ новостей в консоль?

Моя попытка не успешна, запутался. Ожидается, что функция просто вернет список новостей в useEffect(f(), [])

export async function getStoryIDs() {
  let r = await fetch("https://hacker-news.firebaseio.com/v0/topstories.json");
  r = await r.json();

  return await r;
}

export async function getNews() {
  let arrayIDs = await getStoryIDs();
  let array = [];

  // console.log(arrayNews);
  for (let news in arrayIDs) {
    let r = await fetch(
      `https://hacker-news.firebaseio.com/v0/item/${news}.json`
    );
    r = await r.json();

    // .log(await r);
    array.push(await r);
  }
}

//...
  let [data, setData] = useState([]);

useEffect(() => {
    setData(getNews());
  }, []);

Comments

[ThunderCat]

что консоль пишет? Первое что приходит в голову - cors.

[WbICHA]

r = await r.json();
return await r;

В чём сокральный смысл двух эвейтов подряд?
Да и в целом в чём смысл эвейта на ретурне вне трайкетча?

[Gagatyn]

WbICHA,
1. Супер читабельность. Нет смысла

Answer 1

[WapSter]

500 запросов ожидают друг друга)) Про оптимизацию не слышали. И ты одну получить то можешь?

Comments

[Gagatyn]

Да, 500 запросов. Оптимизация? Т.е. просто axios воспользоваться?
Я выводил список новостей, но казалось, что всё это неверно и есть ребята, кто знает ответ

[WapSter]

Gagatyn, я axios использовал, чтобы не передавать самому cors заголовки, а не ради оптимизации. Оптимизация в том, что я не передаю запрос по одной новости ожидая пока та загрузится

[Gagatyn]

WapSter, понял, спасибо

Answer 2

[Alexandroppolus]

let [data, setData] = useState([]);
useEffect(() => { setData(getNews()); }, []);

У тебя в data попадет промис.

Всё-таки использовать async/await следует, только разобравшись с промисами и вообще с асинхронностью...