ReactNative——数据存储AsyncStorage
来源:互联网 发布:凯聪网络摄像头app 编辑:程序博客网 时间:2024/05/16 17:02
首先看看官网对AsyncStorage的定义:
AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。它用来代替LocalStorage。
LocalStorage是什么呢?
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题
目前React项目中也是使用LocalStorage
我们注意到一个非常关键的词:异步。这也是我在项目中遇到的问题。
当我们在ComponentWillMount()中使用使用AsyncStorage获取本地数据的时候,由于是一个异步的过程导致界面加载的时候,某些数据还未获取到,但是已经被界面用到了。
我的错误的例子:
这里写代码片
简单的方法
注意:`AsyncStorage“只能存储字符串,需要把对象转换为字符串才行
save() { var object = {username: 'li', id: '654321654321'}; // JSON.stringify(object): JSON对象转换为字符串 用来存储 AsyncStorage.setItem('object', JSON.stringify(object), (error) => { if (error) { alert('失败'); } else { alert('成功'); } }); }
read(){ AsyncStorage.getItem('object',(error,result)=>{ if (error) { alert('失败'); } else { alert('成功'); } }) }
delete(){ AsyncStorage.removeItem('object',(error)=>{ if (error) { alert('失败'); } else { alert('成功'); } }); }
其他方法请移步API
本文重点!!!!!!!!使用封装的react-native-storage模块
功能强大、好用、清晰、
阅读全文
0 0
- ReactNative——数据存储AsyncStorage
- ReactNative(API)AsyncStorage存储
- ReactNative学习实例(九)数据永久化存储AsyncStorage
- ReactNative (API)AsyncStorage存储详解及实例
- react-native-AsyncStorage<持久化数据存储>
- React Native——AsyncStorage
- react native AsyncStorage 使用实例 异步存储数据以及读取
- react native学习笔记16——存储篇(1)AsyncStorage
- reactnative之AsyncStorage,简单使用以及坑
- react_native 项目实战 (4) 自定义分类 使用 CheckBox 以及 数据存储asyncStorage
- AsyncStorage存储key管理小技巧
- React Native之轻量级存储AsyncStorage
- React Native之AsyncStorage本地存储
- React Native AsyncStorage本地存储工具类
- ReactNative——Toast
- ReactNative—学习资源
- React-Native|AsyncStorage缓存网络数据
- ReactNative开发——TextInput
- hdu1272
- 微信小程序自动换行
- tomcat配置默认路径
- 数据预处理
- 剑指offer-16:反转链表(单链表逆序)
- ReactNative——数据存储AsyncStorage
- WPF PasswordBox点击眼睛查看明文样式
- 树莓派连接温湿度传感器并自动上传到onenet云平台
- 常用的脚本命令
- 学习资料收集
- 摄像机
- Unity 简易的对对碰游戏
- iOS库编程入门
- SSM基础框架的搭建和测试