Özet - Async Storage
- React Native kursu
- Başlangıç
- Ders 111/116
- 5 dk
setItem, getItem ve JSON'ı birleştirerek bir ayar kayıt sistemi yazarsın.
Özet - Async Storage
Bu grupta kalıcı veri saklamayı öğrendin. AsyncStorage.setItem ile değer yazar, getItem ile okur, removeItem ile silersin. Tüm işlemler asenkrondur; await ile beklenir.
Nesne saklamak için JSON.stringify ile dizeye çevirir, okurken JSON.parse ile geri çevirirsin. Şimdi bu kavramları bir araya getiren alıştırmalar yapalım.
Uygulama Sıra sende: setItem ile değer kaydet
AsyncStorage.setItem('lang', 'tr') ile bir dil değeri kaydet. await kullan. İşlev async olsun.
Başlangıç kodu
import AsyncStorage from '@react-native-async-storage/async-storage';
async function saveLang() {
// lang değerini kaydet
}Örnek çözüm
import AsyncStorage from '@react-native-async-storage/async-storage';
async function saveLang() {
await AsyncStorage.setItem('lang', 'tr');
}Uygulama Sıra sende: JSON oku ve parse et
AsyncStorage.getItem('user') ile dizeyi oku ve JSON.parse ile nesneye çevir. Sonucu return et.
Başlangıç kodu
import AsyncStorage from '@react-native-async-storage/async-storage';
async function loadUser() {
// dizeyi oku ve nesneye çevir
return null;
}Örnek çözüm
import AsyncStorage from '@react-native-async-storage/async-storage';
async function loadUser() {
const raw = await AsyncStorage.getItem('user');
return JSON.parse(raw);
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 getItem ne döndürür?
await AsyncStorage.getItem('k')- Bir dizi
- Bir bileşen
- Her zaman bir sayı
- Bir Promise (değer veya null) Doğru cevap
Açıklama: getItem bir Promise döndürür; değer veya null içerir.
2 Eşleştir: yöntem ve görevi
| Kavram | Anlamı |
|---|---|
setItem |
değer yazma |
getItem |
değer okuma |
removeItem |
değer silme |