React Native - не удается получить данные из AsyncStorage.GetItem()

#javascript #reactjs #react-native

Вопрос:

Я использую 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» в моей консоли?

Ответ №1:

Добавить async и await :

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

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

Ответ №2:

GetItem возвращает обещание, которое либо преобразуется в сохраненное значение, когда данные найдены для данного ключа, либо возвращает null в противном случае.

Чтение строкового значения:

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

Считывание значения объекта:

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