javascript - React Native - 异步存储、等待和同步

Question

我正在使用 AsyncStorage，但我认为我没有正确使用...

文件function.js

import { AsyncStorage } from 'react-native';

const Functions = {
    async storeItem(key, item) {
      try {
AsyncStorage.setItem()
          var jsonOfItem = await AsyncStorage.setItem(key, JSON.stringify(item));
          return jsonOfItem;
      } catch (error) {
        console.warn(error.message);
      }
    },
    async retrieveItem(key) {
      try {
        const retrievedItem =  await AsyncStorage.getItem(key);
        const item = JSON.parse(retrievedItem);
        return item;
      } catch (error) {
        console.warn(error.message);
      }
    }
}

export default Functions;

文件 home.js

从“常量/函数”导入函数；

export default class Home extends Component {


  constructor(props) {
    super(props);

    product = Functions.retrieveItem('products');
   console.warn(product);
  }
}

console.warn(产品)返回

{"_40":0,_65":1,"_55":null,"_72":null}

我相信发生这种情况是因为我在处理对象之前收到了该对象。因为如果我在retrieveItem函数返回之前放置一个console.warn，它会很好地显示该对象......

Answer 1

是一个 Promise 所以...你需要使用

Functions.retrieveItem('products').then((res) => { //do something with res });