Felhasználói eszközök

Eszközök a webhelyen


oktatas:telefon:react_native:asyncstorage

< React Native

AsyncStorage

Az AsyncStorage

Az AsyncStorage osztályt eredetileg a react-native részeként használtuk. Még mindig része, de el lesz távolítva. Használjuk külső lehetőségként, vagyis telepíteni kell.

Telepítés

yarn add @react-native-async-storage/async-storage
npx expo install @react-native-async-storage/async-storage

Importálás

import AsyncStorage from '@react-native-async-storage/async-storage';

Eredetileg így használtuk:

import { AsyncStorage } from 'react-native';

De ez nem ajánlott.

Tárolás

AsyncStorage.setItem('kulcs', 'érték')

Lekérés

AsyncStorage.getItem('kulcs')
.then(res => {
    console.log(res)
})

Async await függvényekkel

  storeData = async (value) => {
    try {
      await AsyncStorage.setItem('egy', value)
    } catch (error) {
      console.log(error)
    }
  }
  getData = async () => {
    try {
      const value = await AsyncStorage.getItem('egy');
      if (value !== null) {
        console.log(value)
      }
    } catch (error) {
      console.log(error)
    }
  }

Linkek

oktatas/telefon/react_native/asyncstorage.txt · Utolsó módosítás: 2024/01/22 09:30 szerkesztette: admin