Promise.all 不等待最终结果

Question

目前我在处理承诺时遇到了一个小问题。基本上我有一个嵌套的地图，里面有一个获取请求。我得到的结果是正确的，但是我想要一个加载状态，需要知道请求何时结束。目前我的实现如下：

const countries = ['de', 'pt', 'en']
const market = ['test1', 'test2']


countries.map(async c => {
  const promises = market.map(m => {
    return fetch(endpoint + '/' + c + '/' + m)
  })
  
  const results = await Promise.all(promises)
})

由于国家依赖于市场，我不知道如何才能等待一切完成，因为承诺在国家地图中，我无法脱离它，因为它依赖于它。

有什么帮助吗？

尝试添加 Promise.resolve() 并返回一组承诺并再次执行 promise.all，但这些承诺也从未解决。

任何帮助都会很好，非常感谢！ :)

Answer 1

您错过了国家层面的承诺。如果您返回Promise.all，然后对countries.map 的结果执行另一个Promise.all，那应该会有所帮助。

const countries = ['de', 'pt', 'en'];
const market = ['test1', 'test2'];

const prCountries = countries.map(c => {
  const promises = market.map(m => {
    return fetch(endpoint + '/' + c + '/' + m);
  });

  return Promise.all(promises);
});

Promise.all(prCountries).then(x=> {
  // do stuff when all promises have resolved
});