时间戳

首页 > 解决方案 > Reactjs Axios 不会赶上

javascript - Reactjs Axios 不会赶上

问题描述

我得到了以下功能，但是当它遇到错误时，它并没有去捕捉它，而是直接去了。请注意，这是有效的，我只是想强制捕获

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);
      });
}

标签： javascriptreactjsaxios

解决方案

这一行：

.catch(error => error)

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

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

看来您想要做的是：

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

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

推荐阅读