getItem
- React Native kursu
- Başlangıç
- Ders 108/116
- 5 dk
AsyncStorage.getItem ile veri okumayı öğrenirsin.
getItem ile veri okuma
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
import AsyncStorage from '@react-native-async-storage/async-storage';
async function loadTheme() {
// theme değerini oku
return null;
}Örnek çözüm
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?
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ı
const value = await AsyncStorage.____('theme');
const value = await AsyncStorage.getItem('theme');
Açıklama: getItem ile değer okursun.