React Native - 类上的异步/等待未按预期工作

Question

这是我的代码...

'use strict';
var React = require('react-native');
var {
  AsyncStorage
} = React;



exports.buildUrl = function(){
  var test = new Sales();
  test.getOrder();
}

class queryBuilder{

  constructor() {

  }

  getUrl(){
    AsyncStorage.getItem('auth').then((value) => {
      var auth = JSON.parse(value);
      var store = auth.url;
      console.log('store = ' + store);
      return store;
    });
  }

}

class Sales extends queryBuilder{

  async getOrder(){
    console.log('get order hit');
    try{
        var urlstart =  await this.getUrl();
    } catch(e) {
      console.log('ERROR')
      console.log(e);
    }
    console.log('URL BELOW');
    console.log(urlstart);
    console.log('URL ABOVE');
  }

}

在我的getOrder 方法中，我希望urlstart 不会是undefined，因为我使用了等待。

getUrl() 方法中的 console.log 是我控制台中最后返回的内容。

也许是那种星期六的感觉，非常感谢任何帮助！

Answer 1

我自己解决了这个问题。 Async Await 要求在我正在调用的函数上返回一个承诺。 我已经修改了getUrl() 方法，如下所示..

  getUrl(){
    return new Promise(function(resolve, reject) {
      AsyncStorage.getItem('auth').then((value) => {
        var auth = JSON.parse(value);
        var store = auth.url;
        console.log('store = ' + store);
        resolve(store);
      });
    }

任何进一步的建议仍然非常感谢。

更新更好，感谢 Yuri

getUrl(){ return AsyncStorage.getItem('auth').then(value => JSON.parse(value).url) }