React Native之AsyncStorage
来源:互联网 发布:人工智能自然语义分析 编辑:程序博客网 时间:2024/05/22 15:11
React Native 学习资源精选仓库
AsyncStorage官网
React Native 每日一学(Learn a little every day)
React Native - 持久化存储(AsyncStorage)的使用详解
AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。它用来代替LocalStorage。
我们在AsyncStorage的基础上做一层抽象封装,而不是直接使用AsyncStorage。
AsyncStorage是不支持sql的,AsyncStorage是Key-Value存储系统。
方法
'use strict';import {AsyncStorage} from 'react-native';class EKVData{//setItem:保存数据。//将key字段的值设置成value,并在完成后调用callback函数。如果有任何错误发生,则会传递一个Error对象作为第一个参数。返回一个Promise对象。 static setData(key, value) { return new Promise((resolve, reject) => { AsyncStorage.setItem(key, JSON.stringify(value), (error)=>{ if(!error) resolve('操作成功'); else reject('操作失败'); }); }); }//getItem:查询key。//读取key字段并将结果作为第二个参数传递给callback。如果有任何错误发生,则会传递一个Error对象作为第一个参数。返回一个Promise对象。 static getData(key) { return new Promise((resolve, reject) => { AsyncStorage.getItem(key, (error, result) => { if(!error){ if(result){ resolve(result); }else{ reject(null); } }else{ reject(null); } }); }); }//removeItem:删除一个字段。返回一个Promise对象。 static removeData(key) { return new Promise((resolve, reject)=>{ AsyncStorage.removeItem(key, (error)=>{ if(!error) resolve('操作成功'); else reject('操作失败'); }); }); }}module.exports = EKVData;
static multiGet()
获取keys所包含的所有字段的值,调用callback回调函数时返回一个key-value数组形式的数组。返回一个Promise对象。
multiGet([‘k1’, ‘k2’], cb) -> cb([[‘k1’, ‘val1’], [‘k2’, ‘val2’]])
AsyncStorage.multiGet(keys, (err, stores) => { try { //map方法三个参数:当前正在遍历的元素, 元素索引, 原数组本身. stores.map((result, i, store) => { // get at each store's key/value so you can work with it let key = store[i][0]; let value = store[i][1]; if (value)items.push(JSON.parse(value)); }); resolve(items); } catch (e) { reject(e); } });
阅读全文
0 0
- React Native之AsyncStorage
- React-native 之 AsyncStorage学习
- 《React-Native系列》28、 RN之AsyncStorage
- 《React-Native系列》28、 RN之AsyncStorage
- React Native之轻量级存储AsyncStorage
- React Native之AsyncStorage本地存储
- react native AsyncStorage
- React-Native AsyncStorage使用
- React-Native AsyncStorage setNativeProps
- React-Native AsyncStorage setNativeProps
- 【原创】东方耀react native学习之-37AsyncStorage
- React Native 之 通过AsyncStorage 实现数据持久化操作
- Promise and AsyncStorage React Native
- React Native——AsyncStorage
- react native AsyncStorage 使用详解
- react-native-AsyncStorage<持久化数据存储>
- React Native使用AsyncStorage本地持久化
- React Native使用AsyncStorage本地持久化
- AndroidImageSlider实现广告轮播条
- 线程
- Xcode 删除PP文件
- Button 属性
- java http post模板(json传参)
- React Native之AsyncStorage
- LeetCode 62. Unique Paths
- Java中8种基本数据类型及其默认值
- kotlin结合dagger2使用为什么在编译时无法自动生成DaggerxxxComponent类
- Java算法:选择排序
- Spring IOC与AOP详解
- 自学Java之Java类库(使用颜色、字体和图形)(013day)
- 125. Valid Palindrome
- Vlan配置及好处