React Promise All 多个API，不同的错误处理

Question

我想用 React Promise 运行不同的错误处理。一次运行所有 API 以节省时间，并且每个 API 都有不同的错误处理语句。如何才能做到这一点？

API 1 和 2 应该有不同的错误处理，即使一个 API 失败，每个 API 也应该继续。

参考：

Fetch API requesting multiple get requests

Promise.all([
            fetch(api1).then(value => value.json()),
            fetch(api2).then(value => value.json())
            ])
            .then((value) => {
               console.log(value)
              //json response
            })
            .catch((err) => {
                console.log(err);
            });

Answer 1

Promise.all 只是总结了你给它的任何承诺——所以你没有理由不能为每个错误单独处理。例如，您可以为每个提取创建一个单独的函数：

const fetchFromApi1 = async () => {
  try {
    const response = await fetch(api1);
    return response.json();

  } catch (err) {
    console.log('API 1 failed');

    // You have to re-throw here if you want the promise returned by
    // this function to be rejected
    throw err;
  }
};

const fetchFromApi2 = async () => {
  // ----- 8< -----
};

然后你可以将它们组合到你的Promise.all -

const fetchAllTheThings = async () => {
  try {
    const [response1, response2] = await Promise.all([
      fetchFromApi1(),
      fetchFromApi2(),
    ]);

  } catch (err) {
    // One of the promises was rejected
  }
};