CodeBlanks Logo Icon CodeBlanks

getItem

AsyncStorage.getItem ile veri okumayı öğrenirsin.

getItem ile veri okuma

AsyncStorage.getItem, bir anahtardan değer okumak için kullanılır. Bir parametre alır: anahtar (dize). İşlem asenkron olduğundan await ile beklenir. Dönüş değeri, saklanan dizedir; anahtar yoksa null döner.
const value = await AsyncStorage.getItem('theme');

Bu örnekte 'theme' anahtarından değer okunur. Eğer daha önce setItem ile değer yazmadıysan null alırsın. Bu yüzden getItem sonucunu kullanmadan önce null kontrolü yapmak iyi bir alışkanlıktır.

Null kontrolü

getItem bulunamayan bir anahtar için null döndürür. Sonucu kullanmadan önce null kontrolü yapmak, uygulamanın çökmesini önler. En basit yol: if (value !== null) koşulu yazmaktır.

const value = await AsyncStorage.getItem('theme');
if (value !== null) {
  // değeri kullan
}

Bazen varsayılan değer vermek de isteyebilirsin: const theme = value ?? 'light'. Burada ?? işleci, sol taraf null veya undefined ise sağ tarafı kullanır. Bu, eksik veriyi zarifce ele almanın bir yoludur.

Uygulama Sıra sende: getItem ile değer oku

AsyncStorage.getItem('theme') ile değeri oku ve value değişkenine ata. await kullan. İşlev async olsun.

Başlangıç kodu

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

async function loadTheme() {
  // theme değerini oku
  return null;
}

Örnek çözüm

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

async function loadTheme() {
  const value = await AsyncStorage.getItem('theme');
  return value;
}

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Eşleştir: yöntem ve dönüşü

Kavram Anlamı
setItem değer yazar
getItem değer döndürür
removeItem değer siler

2 getItem bulunamayan anahtar için ne döndürür?

App.js
await AsyncStorage.getItem('yok')
  • null döndürür Doğru cevap
  • Hata fırlatır
  • Boş dize döndürür
  • undefined döndürür

Açıklama: getItem bulunamayan anahtar için null döndürür.

3 Boşluğu doldur: getItem çağrısı

Soru
const value = await AsyncStorage.____('theme');
Cevap
const value = await AsyncStorage.getItem('theme');

Açıklama: getItem ile değer okursun.

Başlangıç bölümündeki tüm dersler