在 forEach 中使用异步 API 调用的结果

Question

我正在调用一个返回用户列表的 API，如下所示：

const users = await axios.get('/api/users/all');

res.data 现在是我的用户数组，每个用户都有一个名为 manager 的字段，它是来自另一个 Schema 的经理的 id 我有另一个 API 会在提供他们的 ID 时返回经理名称

axios.get('/api/managers/managerName', id)

我想运行一个 forEach 将经理姓名插入到我的结果中，而不是他的 ID。 我在努力

const users= await axios.get('/api/users/all');
const final = users.data.forEach(function (element) {
      element.managerName= axios.get('/api/managers/managerName', element.id);
    });

但这当然行不通，因为axios.get('/api/managers/managerName', element.id) 返回了一个承诺。 我怎样才能解决这个问题？谢谢

Answer 1

据我所知，您不能在forEach 或map 中使用await。它不起作用（不等待）。您必须使用for 循环。

for( let element of users.data) {
    element.managerName = await axios.get('/api/managers/managerName', element.id);
}

Answer 2

const users= await axios.get('/api/users/all');
const final = Promise.all(
users.data.map(async (element) => {
      element.managerName = await axios.get('/api/managers/managerName', element.id);
    }));

Answer 3

你可以解决你的第二个承诺：

const final = users.data.forEach(async function (element) {
      element.managerName= await axios.get('/api/managers/managerName', element.id).then((manager) => manager.name);
    });