React Native AsyncStorage本地存儲(chǔ)工具類
更新時(shí)間：2017年10月24日 16:58:59 作者：七月_代碼君
這篇文章主要為大家分享了React Native AsyncStorage本地存儲(chǔ)工具類，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
利用react-native組件AsyncStorage，通過promise，保存本地?cái)?shù)據(jù)，具體內(nèi)容如下
import {AsyncStorage} from 'react-native';
export default class StorageUtil {
/**
* 保存一個(gè)Json對(duì)象
* @param key
* @param value
* @param callback
*/
static async saveJsonObject(key, value) {
return await this.saveString(key, JSON.stringify(value));
}
/**
* 獲取一個(gè)Json對(duì)象
* @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;
}
/**
* 保存一個(gè)值
* @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"});
}
}
/**
* 獲取一個(gè)值
* @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);
}
}
}
/**
* 移除一個(gè)值
* @param key
*/
static async remove(key) {
let result = true;
try {
result = await AsyncStorage.removeItem(key);
} catch (err) {
return Promise.reject(err)
}
return result;
}
/**
* 獲取所有已存儲(chǔ)
*/
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)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
React實(shí)現(xiàn)createElement 和 cloneElement的區(qū)別
本文詳細(xì)介紹了React中React.createElement和React.cloneElement兩種方法的定義、用法、區(qū)別及適用場景,具有一定的參考價(jià)值,感興趣的可以了解一下2024-09-09
函數(shù)式組件的基本意義就是,組件實(shí)際上是一個(gè)函數(shù),不是類,下面這篇文章主要給大家介紹了關(guān)于React中函數(shù)組件與類的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
map()方法是在React中常用的數(shù)組處理方法之一,可以用于遍歷數(shù)組、生成組件列表以及進(jìn)行數(shù)據(jù)轉(zhuǎn)換等操作,通過合理運(yùn)用map()方法,可以更靈活地處理和展示數(shù)據(jù),下面給大家講解react map使用方法,感興趣的朋友一起看看吧2023-10-10
在現(xiàn)代的Web應(yīng)用程序中,獲取用戶的地理位置信息是一項(xiàng)常見的需求,本文我們將介紹如何在React應(yīng)用程序中簡便地獲取用戶的經(jīng)緯度信息,需要的可以參考下2023-11-11
這篇文章主要為大家介紹了React性能debug場景解決記錄，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
這篇文章主要介紹了記React connect的幾種寫法(小結(jié))，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了淺談React前后端同構(gòu)防止重復(fù)渲染，首先解釋React前后端同構(gòu)、React首屏渲染的概念。然后通過這2個(gè)概念解決服務(wù)端渲染完成后瀏覽器端重復(fù)渲染的問題。有興趣的可以了解一下2018-01-01
在 React 中,您可以使用?addEventListener?函數(shù)來監(jiān)聽事件,本文通過實(shí)例代碼給大家介紹react中如何使用監(jiān)聽,感興趣的朋友跟隨小編一起看看吧2023-10-10
React RenderProps模式運(yùn)用過程淺析
render props是指一種在 React 組件之間使用一個(gè)值為函數(shù)的 prop 共享代碼的技術(shù)。簡單來說，給一個(gè)組件傳入一個(gè)prop，這個(gè)props是一個(gè)函數(shù)，函數(shù)的作用是用來告訴這個(gè)組件需要渲染什么內(nèi)容，那么這個(gè)prop就成為render prop2023-03-03
react配置webpack-bundle-analyzer項(xiàng)目優(yōu)化踩坑記錄
這篇文章主要介紹了react配置webpack-bundle-analyzer項(xiàng)目優(yōu)化踩坑記錄，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06