ReactNative (API)AsyncStorage存储详解及实例
2016-10-08 11:04
726 查看
AsyncStorage存储类似Android中的sharedpreference存储或者IOS中的NSDefaultUser不过ReactNative中的AsyncStorage只能存储字符串类型
常用方法:
getItem(key:string,callback?:?(error:?Error,result:?string)=>void) 静态方法,该通过key字段来进行查询存储的数据,把该结果值作为参数传入第二个callback方法。如果发生错误,会把Error对象传入callback方法。该方法最终返回一个Promise对象
setItem(key:string,value:string,callback?:?(error:?Error)=>void) 静态方法,该根据key字段设置value内容,完成之后进行回调callback方法。如果发生错误会把Error对象传入callback方法中。该方法返回一个Promise对象。
removeItem(key:string,callback?:?(error:?Error)=>void) 静态方法,根据key进行删除值,成功之后进行回调callback方法。如果发生错误会把Error对象传入callback方法中。该方法返回一个Promise对象。
/** * Created by Administrator on 2016/9/12. */ import React, {Component} from 'react'; import { StyleSheet, View, Text, AsyncStorage } from 'react-native'; var keyName = 'name'; var keyValue = '张三'; class AsyncStorageG extends Component { constructor(props) { super(props); this.state = { result: '初始值' }; } render() { return ( <View style={{flex: 1}}> <Text style={styles.text} onPress={this.save.bind(this)}>存</Text> <Text style={styles.text} onPress={()=>this.load()}>取</Text> <Text style={styles.text} onPress={()=> this.remove()}>删除</Text> <Text style={styles.text} >存储的内容是------------------{this.state.result}</Text> </View> ) } /** * 存数据 */ save() { //this 是指当前对象 this2 = this; AsyncStorage.setItem(keyName, keyValue, function (error) { if (error) { alert('存储失败'); } else { this2.setState( { result: '数据已经保存,取出来看看吧!!!' } ) } }) } /** * 取数据 */ load() { //this 是指当前对象 this2 = this; AsyncStorage.getItem(keyName, function (error, result) { if (!error) { this2.setState( { result: result === null ? '数据已经删除,现在取的是空值' : result } ) } }) } /** * 两个参数: * 一个是要删除指定key内容 * 第二个是一个回调函数 */ remove() { //this 是指当前对象 this2 = this; AsyncStorage.removeItem(keyName, function (error) { if (!error) { this2.setState( { result: '数据已经删除' } ) } }) } } const styles = StyleSheet.create({ text: { fontSize: 20 } }); //es6写法 export default AsyncStorageG;
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- ReactNative (API)AsyncStorage存储详解及实例
- ReactNative(API)AsyncStorage存储
- react-native中AsyncStorage实例详解
- React Native - 持久化存储(AsyncStorage)的使用详解
- mysql存储过程详解以及PHP调用MYSQL存储过程实例
- mysql数据存储过程参数实例详解
- 关于async和await的一些误区实例详解
- Yii2 RESTful中api的使用及开发实例详解
- jquery中cookie用法实例详解(获取,存储,删除等)
- Android4.4 访问外部存储详解及实例
- Android数据存储(2)向机身内存(Internal Storage)和SDcard(External Storage)读写数据实例
- jdom解析xml, API使用、详解、实例说明
- C语言操作WINDOWS系统存储区数字证书相关函数详解及实例
- Spring中@Async用法详解及简单实例
- FastDFS的配置、部署与API使用解读(6)FastDFS配置详解之Storage配置
- python+requests+unittest API接口测试实例(详解)
- FastDFS的配置、部署与API使用解读(6)FastDFS配置详解之Storage配置(转)
- Android数据存储(2)向机身内存(Internal Storage)和SDcard(External Storage)读写数据实例
- 实例详解Android文件存储数据方式
- ASP.NET挪用淘宝API实例详解