React Native AsyncStorage getItem返回promise而不是value

时间:2016-09-03 14:03:08

标签: javascript react-native promise asyncstorage

我有一个登录表单,我可以发布我的表单值。在成功发出POST请求后,我从API返回了身份验证令牌。我需要保存此令牌以供将来在某些本地存储中引用。为了保存此身份验证令牌,我使用的是AsyncStorage。我使用AsyncStorage.setItem(STORAGE_KEY, responseData.auth_token); setItem方法来保存数据。

如果我通过以下方式登录:

console.log(AsyncStorage.setItem(STORAGE_KEY));

它像这样返回承诺对象

    Promise {_45: 0, _81: 0, _65: null, _54: null}
_45
:
0
_54
:
null
_65
:
"efcc06f00eeec0b529b8"
_81
:
1
__proto__

: 对象

如何从AsyncStorage.getItem方法中获取确切的值?

这是我的获取方法

fetch('http://54.255.201.241/drivers', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      first_name: this.state.firstName,
      mobile_number: this.state.mobileNumber,
      vehicle_number: this.state.vehicleNumber,
      vehicle_type_id: 1,
    })
  }).then((response) => response.json()).then((responseData) => {
    if (JSON.stringify(responseData.mobile_number) == (this.state.mobileNumber))
    {
      AsyncStorage.setItem(STORAGE_KEY, responseData.auth_token);
      console.log(AsyncStorage.getItem(STORAGE_KEY));
      this.props.navigator.push({id: 'Otp'})
    }
    else
    {
      Alert.alert("SignUp Failed","Mobile number already taken.")  
    }
  })
  .done();

BTW在他们使用的文档中等待。我尝试使用它,但页面没有加载。在这里附上截图。enter image description here

2 个答案:

答案 0 :(得分:8)

使用Async / Await:

async _getStorageValue(){
  var value = await AsyncStorage.getItem('ITEM_NAME')
  return value
}

答案 1 :(得分:1)

您必须打为

getUserToken().then(res => {
    console.log(res);
  });

由于这是一个异步调用。