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)

...将拒绝的Promises转换为解决错误的Promises。它相当于在同步代码中执行此操作：

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

看来你想要做的是：

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

......但那是多余的。只要省略捕获，调用者的catch就会启动。