浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【react-native】react-nativeではlocalStorageの代わりにAsyncStorageを使う

react-nativeではjavascruptのようなローカルストレージは使えず、代わりにreact-native-community

がリリースしているAsyncStorageなるものを使って値を保存します。

やっていることは全く同じ。キーとvalueを指定してsetItem・getItemをするだけ。

</pre>
window.localstorage.setItem('hoge','hoge');

window.localstorage.getItem('hoge');
<pre>

 

</pre>
try {
const value = await AsyncStorage.setItem('hoge', "1");
Actions.main();
if (value !== null) {
Actions.main();
console.log(value);
}
} catch (error) {
}

try {
const value = await AsyncStorage.getItem('hoge');
Actions.main();
if (value !== null) {
Actions.main();
console.log(value);
}
} catch (error) {
}
<pre>

 

AsyncStorageはtyy/catchの基で処理をして結果を分けるようにしてあります。

ほとんどの要領はローカルストレージと一緒なので簡単です。

  • この記事いいね! (0)