React Native AsyncStorage:无法解析getItem返回的promise

时间:2018-04-06 21:40:41

标签: reactjs react-native asyncstorage

我有以下代码应该从AsyncStorage返回一个项目。

但是该项目永远不会被阅读:

const key = 'shoppingListItems';

export default class ShoppingListService {
    static async getItems() 
    {
        let result = await AsyncStorage.getItem(key);

        return result;
    }

    // ...
}

我在组件(屏幕)中使用它:

// ...

  componentDidMount()
  {
    alert(JSON.stringify(ShoppingListService.getItems()));
  }

// ...

它始终显示一条消息:

  

{ “_ 40”:0, “_ 65”:0, “_ 55”:空, “_ 72”:空}

如何获取AsyncStorage中的数据?

1 个答案:

答案 0 :(得分:3)

  async componentDidMount()
  {
    alert(JSON.stringify(await ShoppingListService.getItems()));
  }

我制作了componentDidMount函数async。我不知道这是否推荐,但这有效。