javascript - Reactjs Axios 不会捕获

Question

我得到了以下函数，但是当它遇到错误时，它没有事件去捕获它，而是直接转到了那时。请注意，这是有效的，我只是想强制捕获

const AddMainItem = HPSMainObject => {
  let data = JSON.stringify(HPSMainObject);

  const request = axios({
    method: "POST",
    url: getMainUrl(
      "web/lists/GetByTitle('" +
        MAINITEMGENERALINFO.mainItemRelatedObject.mainList.title +
        "')/Items"
    ),
    data: data,
    headers: INTERNALCONFIG.PostHeader
  });

  return request.then(result => result.data.d).catch(error => error);
};

我用这个来调用它，你能建议什么是最佳实践吗？

handleSubmit = () => {
    let self = this;
    AddMainItem(self.state.HPSMainObject)
      .then(function(AddMainItemResult) {
        console.log("its working");
      })
      .catch(function(errorMessage) {
        console.log("Error AddMainItem: ", errorMessage);
      });
}

Answer 1

这一行:

.catch(error => error)

...将被拒绝的 Promise 转换为解决错误的 Promise。这相当于在同步代码中执行此操作:

try {
  doSomething();
} catch (error) {
  return error; // The function is no-longer throwing
}

看来您想做的是:

.catch(error => { throw error; })

...但这是多余的。只需省略 catch，调用者的 catch 就会启动。