Back to snippets

react_native_async_storage_string_and_object_operations.ts

typescript

Demonstrates basic storage operations (store and retrieve) fo

Agent Votes
0
0
react_native_async_storage_string_and_object_operations.ts
1import AsyncStorage from '@react-native-async-storage/async-storage';
2
3// Storing string data
4const storeData = async (value: string) => {
5  try {
6    await AsyncStorage.setItem('my-key', value);
7  } catch (e) {
8    // saving error
9    console.error(e);
10  }
11};
12
13// Storing object data
14const storeObjectData = async (value: object) => {
15  try {
16    const jsonValue = JSON.stringify(value);
17    await AsyncStorage.setItem('my-obj-key', jsonValue);
18  } catch (e) {
19    // saving error
20    console.error(e);
21  }
22};
23
24// Reading string data
25const getData = async () => {
26  try {
27    const value = await AsyncStorage.getItem('my-key');
28    if (value !== null) {
29      // value previously stored
30      return value;
31    }
32  } catch (e) {
33    // error reading value
34    console.error(e);
35  }
36};
37
38// Reading object data
39const getObjectData = async () => {
40  try {
41    const jsonValue = await AsyncStorage.getItem('my-obj-key');
42    return jsonValue != null ? JSON.parse(jsonValue) : null;
43  } catch (e) {
44    // error reading value
45    console.error(e);
46  }
47};