javascript - 在reactjs中通过不同的id从api获取数据

标签 javascript node.js reactjs postgresql fetch

我有一个 ID 列表,即:[3,6,7] 我想从 api 获取所有 id 为 3,6 和 7 的对象。 我只需要一个ID就可以获取它。像这样:

 const response = await fetch(`http://localhost:3000/api`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json; charset=utf-8',
    },
    body: JSON.stringify({
      id: 7,
    }),
  });

如何获取不同的 id? 提前致谢。

最佳答案

您可以使用Promise.all https://developer.mozilla.org/vi/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

const promises = [3,6,7].map(id => {
  return fetch(`http://localhost:3000/api`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json; charset=utf-8',
    },
    body: JSON.stringify({
      id,
    }),
  })
})

const response = await Promise.all(promies)
console.log(responese)

关于javascript - 在reactjs中通过不同的id从api获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58604959/

相关文章:

javascript - 如何使用字符串键在 Ember 模板中查找关联数组/对象值

javascript - 将多个对象传递给 Handlebars 模板 - MongoDB、node.js、mongoskin

node.js - 如何使用 Mongoose Promise - mongo

javascript - 如何在 MUI TextField 中设置样式?

javascript - 为 React Component Props 解构 ImmutableJS Map

javascript - 如何正确设置 Node、Express 和 Angular2

node.js - Express API 集成测试 : Error: timeout of 2000ms exceeded. 确保在此测试中调用 done() 回调

javascript - socket.io net::ERR_CONNECTION_TIMED_OUT 错误

javascript - 如果图像 src 有效则渲染组件

javascript - jQuery: removeAttr ("disabled") 在 Firefox 上不工作