用户登录

我们需要一种可以永久存储数据的方法,这里可以使用 React Native 里的 AsyncStorage .. 现在历史搜索记录是放到一个数组里面,应用刷新以后这些数据就会不见了 .. 我们可以把这些搜索记录放到 AsyncStorage 里面去存储 ..

先了解一下这个东西怎么使用 .. 它的用法跟 Web Storage 有点像 .. 打开 SearchForm.js .. 先把 AsyncStorage 从 React 里面提取出来 .. 输入一个 AsyncStorage ..

然后在组件的 constructor 方法里面去试一下这个东西 .. AsyncStorage 是一个名值对的存储系统 .. 也就是存储的数据都有一个名字,还有跟这个名字对应的一个值 .. 这个值的类型是字符串 ..

使用它提供的一些方法,你可以处理要存储的数据 .. 把数据放进去,取出来 .. 删除数据等等 .. 存储数据可以使用 AsyncStorage 的 setItem 这个方法 ..

AsyncStorage.setItem();

方法里面有两个参数,一个是要存储的数据的名字 .. 还有一个就是跟这个名字对应的数据 .. 它们的值的类型都是字符串 .. 要存储的数据的名字比如是 name .. 对应的数据是 movieTalk ..

现在 AsyncStorage 里面就有了一个数据,名字是 name .. 在应用的任何地方你都可以访问到这个数据 .. AsyncStorage 里的所有方法都会返回一个 Promise .. 所以这里我们可以使用一个 then .. 在这个 then 里面,我们可以安全的使用存储到 AsyncStorage 里的数据 ..

先添加一个箭头函数 .. 函数做的事就是去用一下 AsyncStorage 的 getItem 这个方法去获取到数据 .. 把数据的名字交给这个方法 .. 这里就是 name .. 这个方法也会返回 Promise .. 所以可以再用一个 then ..

添加一个箭头函数 .. 得到的数据会作为这个函数的一个参数 .. 比如我们叫它 value .. 再把这个得到的数据输出到控制台上 .. 用一个 console.log .. 输出 value ..

保存 .. 打开控制台 .. 你会看到存储在 AsyncStorage 里面,名字是 name 的这个数据的值 .. 这里就是 movieTalk ..

再复制一段 .. 修改一下要存储的数据的名字 .. 比如 team .. 再改一下对应的值 .. ninghao.net .. 再去得到这个数据的值 ..

再复制一段 .. 要存储的数据的名字是 version .. 对应的值是 1.0.0 .. 再得到这个数据的值 .. 然后把它输出到控制台上 ..

保存 ... 现在控制台上会输出三个数据 .. 也就是在 AsyncStorage 里面存储的 name ,team 还有 version 这几个数据的值 ..

AsyncStorage - 永久的名值对数据存储系统《 React Native #4 存储 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点