【React Native开发】

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) {    }})
//生成随机的idgenId(){   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      });          })})