【React Native开发】 - AsyncStorage存储

1.前言

AsyncStorage是React Native推荐的数据存储方式。AsyncStorage是key-value的存储系统。

AsyncStorage.setItem(key,value,errs)保存数据
AsyncStorage.multiGet(keys,function(errs,result)可将数据一一查询出来。

2.实例

2.1 保存数据

AsyncStorage.setItem('SP-'+this.genId() + '-SP',JSON.stringify(data),function (err) { if (err) {   } }) 

//生成随机的id 
genId(){ return 'xxxxxxx-xxxx-2xxxx-bxxxxxxxxx'.replace(/[xy]/g,function(c){ var r = Math.random() * 16|0, v = c == 'x'?r:(r & 0x3 | 0x8); return v.toString(16); }).toUpperCase(); } 

之所以使用SP－为前缀，－SP为后缀，采用GUID为存储的键名的一部分，是为了区分其他数据，好处：

• 可以区分用户数据，例如username信息。
• 可以放置key重复，保证同名商品都能被添加进购物车。

2.2 查询数据

AsyncStorage.getAllKeys(function(err,keys){
    if (err) {
        //如果发生错误，这里直接返回（return）防止进入下面的逻辑
    }
    //查询
    AsyncStorage.multiGet(keys,function(errs,result) {
        //得到的结果是二维数组
         //result[i][0]表示存储的键，result表示存储的值
    var arr = []; 
    for (var i in result) { 
        arr.push(JSON.parse(result[i][1]));
    }

    _that.setState({
        data: arr  }); }) })