如何在React Native中显示网络错误消息

时间:2019-01-29 12:51:59

标签: react-native exception-handling fetch throw

我有一个react native函数,该函数使用fetch函数发布一些数据。问题是我无法提醒响应错误消息。我的错误代码是400。这是我的代码:

fetch(conf.getsignUpURL(), {
              method: "POST",
              headers: {
                  'Accept': 'application/json',
                  'Content-Type': 'application/json',
              },
              body: JSON.stringify(data)
          })
              .then(function (response) {
                  if (!response.ok)
                  {
                     let error = new Error(response.statusText);
                      throw error;
                  }else
                  {
                      return response.json();
                  }

              })
              .then(async function (data) {
                  //something
              }).catch( (error) => {
              alert(error.message);
          });

运行后,它将警报为空。

1 个答案:

答案 0 :(得分:0)

fetch(conf.getsignUpURL(), {
              method: "POST",
              headers: {
                  'Accept': 'application/json',
                  'Content-Type': 'application/json',
              },
              body: JSON.stringify(data)
          })
              .then(function (response) {

                // Here I added the alert
                alert(JSON.stringify(response))

                  if (!response.ok)
                  {
                     let error = new Error(response.statusText);
                      throw error;
                  }else
                  {
                      return response.json();
                  }

              })
              .then(async function (data) {

                // Here I added the alert
                alert(JSON.stringify(data))

                  //something
              }).catch( (error) => {
              alert(error.message);
          });