React native AsyncSctorage 封装
在React Native中,你可以使用AsyncStorage
来存储键值对。为了更好的封装和重用代码,你可以创建一个简单的封装。以下是一个简单的封装例子:
import { AsyncStorage } from 'react-native';
class StorageManager {
// 存储数据
static async save(key, value) {
try {
await AsyncStorage.setItem(key, value);
} catch (error) {
// 处理错误
console.error('Error saving data: ', error);
}
}
// 获取数据
static async get(key) {
try {
const value = await AsyncStorage.getItem(key);
if (value !== null) {
return value;
}
return null;
} catch (error) {
// 处理错误
console.error('Error retrieving data: ', error);
}
}
// 删除数据
static async remove(key) {
try {
await AsyncStorage.removeItem(key);
} catch (error) {
// 处理错误
console.error('Error removing data: ', error);
}
}
}
export default StorageManager;
使用这个封装类,你可以通过StorageManager.save
,StorageManager.get
和StorageManager.remove
方法来进行数据的存储、检索和删除。
例子:
// 存储数据
StorageManager.save('userName', 'JohnDoe');
// 获取数据
StorageManager.get('userName').then(name => {
console.log('Retrieved name: ', name);
});
// 删除数据
StorageManager.remove('userName');
评论已关闭