React Native AsyncStorage本地存儲工具類
更新時間:2017年10月24日 16:58:59 作者:七月_代碼君
這篇文章主要為大家分享了React Native AsyncStorage本地存儲工具類,具有一定的參考價值,感興趣的小伙伴們可以參考一下
利用react-native組件AsyncStorage,通過promise,保存本地數(shù)據(jù),具體內(nèi)容如下
import {AsyncStorage} from 'react-native';
export default class StorageUtil {
/**
* 保存一個Json對象
* @param key
* @param value
* @param callback
*/
static async saveJsonObject(key, value) {
return await this.saveString(key, JSON.stringify(value));
}
/**
* 獲取一個Json對象
* @param key
* @param defaultObject
*/
static async getJsonObject(key, defaultObject) {
let result=null;
try{
result=await this.getString(key,null);
result=await JSON.parse(result);
}catch (err){
if(defaultObject){
return Promise.resolve(defaultObject);
}else{
return Promise.reject(err);
}
}
return result;
}
/**
* 保存一個值
* @param key
* @param value
*/
static async saveString(key, value) {
if (key != null && value != null) {
//Key 與Value 都不為空
try {
await AsyncStorage.setItem(key, value)
} catch (err) {
return Promise.reject(err)
}
return Promise.resolve(true);
} else {
return Promise.reject({"msg": "Key and value can not be null"});
}
}
/**
* 獲取一個值
* @param key
* @param defaultValue
*/
static async getString(key, defaultValue) {
let result = null;
let noDataError = {"msg": "No value found !"};
if (key != null) {
result = await AsyncStorage.getItem(key);
// console.log('get string result',result,defaultValue);
return result ? result : defaultValue!=null ? defaultValue : Promise.reject(noDataError);
} else {
if (defaultValue) {
return Promise.resolve(defaultValue);
} else {
return Promise.reject(noDataError);
}
}
}
/**
* 移除一個值
* @param key
*/
static async remove(key) {
let result = true;
try {
result = await AsyncStorage.removeItem(key);
} catch (err) {
return Promise.reject(err)
}
return result;
}
/**
* 獲取所有已存儲
*/
static async getAllKeys() {
let result=true;
try {
result = await AsyncStorage.getAllKeys();
} catch (err) {
return Promise.reject(err)
}
return result;
}
}
外界調(diào)用
保存
StorageUtil.saveJsonObject(KEY_LOCAL_USER_INFO, user);
讀取
StorageUtil.getJsonObject(KEY_LOCAL_USER_INFO).then(data=>{console.log(data))}
清除
StorageUtil.remove(KEY_LOCAL_USER_INFO)
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
React實(shí)現(xiàn)createElement 和 cloneElement的區(qū)別
本文詳細(xì)介紹了React中React.createElement和React.cloneElement兩種方法的定義、用法、區(qū)別及適用場景,具有一定的參考價值,感興趣的可以了解一下2024-09-09
React RenderProps模式運(yùn)用過程淺析
render props是指一種在 React 組件之間使用一個值為函數(shù)的 prop 共享代碼的技術(shù)。簡單來說,給一個組件傳入一個prop,這個props是一個函數(shù),函數(shù)的作用是用來告訴這個組件需要渲染什么內(nèi)容,那么這個prop就成為render prop2023-03-03
react配置webpack-bundle-analyzer項(xiàng)目優(yōu)化踩坑記錄
這篇文章主要介紹了react配置webpack-bundle-analyzer項(xiàng)目優(yōu)化踩坑記錄,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06

