5

我正在使用fetch带有 React Native 的 API。

如果状态 >= 400，我的响应遵循正常格式{"message": "error here"}，我将在本机弹出窗口中显示。

我response.json()在检测到故障后试图打电话，但它总是把所有东西都放在一个奇怪的格式......

{ _45: 0, _81: 0, _65: null, _54: null }

无论出于何种原因......我想要的实际响应位于_65......我不知道这些随机键是什么。

所以目前我不得不通过 访问它_bodyText，但我认为这是错误的，因为它是一个私有的下划线方法。

我究竟做错了什么？

var API = (function() {

  var base = 'https://example.com/api/v1';

  var defaults = {
    credentials: 'same-origin',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    }
  };

  var alertFailure = function(response) {
    if (response.status >= 200 && response.status < 400) {
      return response;
    } else {
      var json = JSON.parse(response._bodyText || '{}');
      var message = json.message || 'There was a problem. Close the app, and try again later.';

      var error = new Error(message);
      error.response = response;
      throw error;
    }
  };

  var callAPI = function(url, opts) {
    opts.headers['X-Version'] = 'v' + Package.version;

    return fetch(base + url, opts)
      .then(alertFailure)
      .then((response) => {
        return response.json();
      })
      .catch((error) => {
        Alert.alert(null, error.message);
      });
  };

  return {

    get: function(url, opts) {
      var fullOpts = Object.assign({}, defaults, opts);
      return callAPI(url, fullOpts);
    },

    post: function(url, data, opts) {
      var fullOpts = Object.assign({}, defaults, {
        method: 'POST',
        body: JSON.stringify(data || {})
      }, opts);
      return callAPI(url, fullOpts);
    }
  };

})();
4

3 回答 3

8

答案是.json()返回一个承诺......所以我必须从内部做所有事情.then()

于 2015-12-31T02:03:57.543 回答
1

AsyncStorage.getItems 总是返回一个承诺。您可以在下面使用此方法

 AsyncStorage.getItem("access_key").then((value)=>
               {
                    console.log(value);
               });
于 2017-02-10T06:43:22.640 回答
1

我建议你使用新的 ES7 语法async/await，它们比使用更容易理解.then()

要使用它，只需声明一些带有 async 前缀的方法，并在其中使用 await 等待调用完成。

例如

async someMethod(){
    result =  await fetch(URL); // Do some request to any API.
    // Use the result after that knowing that you'll have it completed. 
}

我希望这会有所帮助，至少在我看来，我发现这比使用 .then() 更容易，尤其是当您必须在同一方法中进行多次调用时。

于 2017-02-10T08:05:23.913 回答