fetchで複数のjsonを読み込めるようにしたサンプル

consoleで結果を確認してください。

async function fetchURLs(urls) {
  try {
    const fetchUrls = urls.map(url => fetch(url).then(res => res.json()))
    const [todo1, todo2] = await Promise.all(fetchUrls)
    console.log(todo1)
    console.log(todo2)

  } catch (error) {
    console.error(error)
  }
}

fetchURLs([
  'https://jsonplaceholder.typicode.com/todos/1',
  'https://jsonplaceholder.typicode.com/todos/2'
])

元記事を表示する