【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の基で処理をして結果を分けるようにしてあります。

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

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG