React Native - 无法从 AsyncStorage.getItem() 获取数据

Question

我正在使用 AsyncStorage 设置项目并使用 getItem() 方法检索它。 我的代码如下：

import React, { Component } from 'react';
import { View } from 'react-native';
import { Container, Left, Title, Header, Body, Right, Content, Text, Button } from 'native-base';
import AsyncStorage from '@react-native-community/async-storage';

class Counter extends Component {


  componentDidMount() {
    AsyncStorage.setItem('name' , 'abc');
  }

  getItemData() {
    console.log(AsyncStorage.getItem('name'))
  }



  render() {
    return (
      <Container>

        <Header>
          <Left />
          <Body>
            <Title>Test</Title>
          </Body>
          <Right />
        </Header>

        <Content style={{ margin: 8 }}>

          <View style={{ flexDirection: "row", alignSelf: "center" }}>

            <Button onPress={() => this.getItemData()}><Text> getItem </Text></Button>

          </View>

        </Content>

      </Container>
    );
  }

}

export default Counter;

但不是在我的控制台中得到“abc”，而是得到这个：

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

如何在我的控制台中获取“abc”？

Answer 1

添加async和await ：

    async getItemData() {
       const result = await AsyncStorage.getItem('name');
       console.log(result);
     }

    async componentDidMount() {
       await  AsyncStorage.setItem('name' , 'abc');
     }

Answer 2

getItem 返回一个 promise，当找到给定键的数据时解析为存储的值，否则返回 null。

读取字符串值：

 async getAsyncData() {
      await AsyncStorage.getItem('name').then(val => {
        if(val !== null) {
          console.log(value);
        }
      })
    }

读取 object 值：

 async getAsyncData() {
      await AsyncStorage.getItem('name').then(val => {
        if(val !== null) {
          console.log(JSON.parse(val));
        }
      })
    }

React Native - 无法从 AsyncStorage.getItem() 获取数据

问题描述

2 个解决方案

解决方案1
1 已采纳 2020-12-14 09:46:35

解决方案2
0 2020-12-14 10:30:16

React Native - 无法从 AsyncStorage.getItem() 获取数据

问题描述

2 个解决方案

解决方案1 1 已采纳 2020-12-14 09:46:35

解决方案2 0 2020-12-14 10:30:16

解决方案1
1 已采纳 2020-12-14 09:46:35

解决方案2
0 2020-12-14 10:30:16