使用Axios在ReactJs中进行错误处理在Android chrome和MacOs chrome上的行为有所不同

时间:2018-08-28 17:53:42

标签: reactjs axios

我正在提交使用HTML5(在ReactJs中生成的表单,并使用POST请求将其数据发送到REST服务。

submitForm = event => {
    event.preventDefault();
    axios({
      method: "post",
      url: "http://localhost:8080/signup",
      data: this.formData //formData is an object which contains form data
    }).catch(error => {
      this.setState({
        isError: true,
        errorMessage: error.response.data.errors[0].message
      });
    });
  };

此处,errorMessage是状态对象,将作为警报框打印到UI。
现在,在我的系统上,当我提交表单时,我可以完美地收到警报框,但是当我在android设备上从chrome提交相同的数据时,却收到了以下错误消息:

Unhandled Rejection (TYpeError): Cannot read property 'data' of undefined

令我惊讶的是,为什么data才是macOS浏览器上的有效对象。
有任何建议。

0 个答案:

没有答案