从零学React Native之13 持久化存储

本文介绍了在React Native中实现数据持久化的两种方法:借助原生存储和使用AsyncStorage API。详细讲解了AsyncStorage的写入、获取、删除数据的操作,并探讨了如何结合JSON对象存储更复杂的数据。此外,还提及了对于复杂数据结构,可以使用sqlite或realm数据库进行存储。
摘要由CSDN通过智能技术生成

数据持久化就是指应用程序将某些数据存储在手机存储空间中。

借助native存储

这种方式不言而喻,就是把内容传递给native层,通过原生API存储,详见从零学React Native之05混合开发

AsyncStorage API

RN框架为开发者提供了 AsyncStorage API,开发者可以利用它将任意“字符串键值对”保存到存储空间中。

它是简单的,异步的。用它可以取代Android的sharedperference和ios的NSUserDefault。

AsyncStorage存储的数据对该RN应用全局都是可以访问的,只需要知道通过它增删改查数据就可以了。

写入数据

开发者可以通过静态函数setItem来存储数据。setItem的JavaScript原型是:

static object setItem(key, value,aCallBack)

写入数据有好几种方式,直接看代码:

    // 构造
    constructor(props) {
        super(props);
        this.doSomething=this.doSomething.bind(this);
    }

    doSomething(error){
        if(error!=null){   //如发生错误 处理
            console.log('error message:'+error.message);
            return;
        }
        // 执行保存成功的操作
        console.log("name保存成功!");
    }
    //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem('NO','01'); 
        console.log("NO保存成功");

        // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem('name','张三',this.doSomething);


  
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值