【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  });      
    })
})