getItem 为什么返回 'Promise { "_U": 0, "_V": 0, "_W": null, "_X": null, }'

Question

我是新手反应原生，我正在使用异步和等待仍然为什么我得到这个错误

我的代码：

const getItemFromStorage = async () => {
  try {
       await AsyncStorage.getItem('USER_NAME', (error: any, result: any) => {
         if (result) {
           console.log(result);
         }else{
           console.log(JSON.stringfy(error));
         }
       });
     } catch (error) {
       console.log(error);
     }
}

用法；

<Text style={styles.text}>{JSON.stringify(getItemFromStorage, null, 4)}</Text>

结果；

{
    "_U": 0,
    "_V": 0,
    "_W": null,
    "_X": null
}

Answer 1

如果您存储了字符串化的 JSON，请尝试这样的操作；

getItemFromStorage = async ()  => {
        try {
          const jsonValue = await AsyncStorage.getItem('USER_NAME');
          let data = jsonValue != null ? JSON.parse(jsonValue) : null;
          console.log(data); 
  }

如果你存储了一个简单的字符串，试试这个；

let username = '';
getItemFromStorage = async ()  => {
      try {
        AsyncStorage.getItem('USER_NAME').then(result => {
          console.log(result);
          username = result;
        })
        
      } catch(e) {
        // Handle error
      }
    }

您遇到的问题是没有解决返回的 Promise。这可能是如果您在进程完成之前 console.log （可能，所以请查看我发送的第二个代码库部分），否则您存储了一个对象（字符串化）并尝试将其作为字符串读取而没有先正确解析它。

编辑

<Text style={styles.amountFiat}>{this.username}</Text>