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