从另一个 JavaScript React 中的一个函数捕获错误

Question

我有两个功能，登录（在fileB.js中）：

export const login = async (data) => {
  try {
    const response = await auth.login(data);
    return response;
  } catch (e) {
    return new Error(e);
  }
};

和 loginProcess（在 fileA.js 中）：

const loginProcess = (data) => {
    login(data)
      .then((response) => {
        if (response.status === 200) {

        }
      })
      .catch((e) => {
        setError(true);
      });
  };

如果我在 login() 函数内有错误，它会返回 new Error(e) 但在 loginProcess() 内，来自 login() 的错误不会被 catch 捕获，而是 then。我需要从login() 中的catch 中的loginProcess() 中捕获new Error，我该如何解决？

Answer 1

您正在通过返回一个错误对象将承诺拒绝转换为承诺履行。

从catch 块重新调整非承诺值将实现login 函数返回的承诺与catch 块的返回值。

拒绝login 函数返回的承诺：

• 重新抛出catch块捕获的错误，或者

• 从login 函数中删除try-catch 块，让调用代码处理错误。

login 函数可以重写为：

export const login = (data) => {
    return auth.login(data);
};

---

我建议你选择第二个选项并重写login函数如上所示。不需要 catch 块来重新抛出错误。