szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:telefon:react_native|< React Native]]

====== AsyncStorage ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== 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 =====

<code javascript>
import AsyncStorage from '@react-native-async-storage/async-storage';
</code>

Eredetileg így használtuk: 
  import { AsyncStorage } from 'react-native';
De ez nem ajánlott.
===== Tárolás =====

<code javascript>
AsyncStorage.setItem('kulcs', 'érték')
</code>


===== Lekérés =====

<code javascript>
AsyncStorage.getItem('kulcs')
.then(res => {
    console.log(res)
})
</code>

===== Async await függvényekkel =====

<code javascript>
  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)
    }
  }
</code>

===== Linkek =====

  * https://docs.expo.dev/versions/latest/sdk/async-storage/ (2023)
  * https://react-native-async-storage.github.io/async-storage/docs/usage/ (2024)