如何在 React Native 中使用 AsyncStorage 正确获取项目？

Question

我当前的项目需要我在本地存储用户数据，所以我使用 react native 本身的 AsyncStorage。但是我遇到了一些关于如何检索已经保存的数据的问题，我总是得到空值，但是数据以某种方式被保存了..

我总是得到

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

这是我的代码，这是来自 react native 文档的简单示例

AsyncStorage.setItem('baru', 'this is new dude!!');
var b = AsyncStorage.getItem('baru');
console.log(b);

Answer 1

阅读AsyncStorage的文档：

静态 getItem(key, 回调？) 获取键的项目并在完成时调用回调。返回一个 Promise 对象。

你需要处理这个承诺。我建议您使用（作为文档）async/await。所以例如你可以这样做：

async function getItem(item) {
  try {
    const value = await AsyncStorage.getItem(item);
    console.log(value);
    return value;
  } catch (error) {
    // Handle errors here
  }
}

您实际上也应该为 setItem 做类似的事情。