React-Native 数据存储之react-native-storage的简单使用

如题所述

第1个回答  2022-07-01

react-native-storage 是封装好的数据存储组件,安装方法见: https://github.com/sunnylqm/react-native-storage/blob/master/README-CHN.md

首先导入组件 import Storage from 'react-native-storage';
创建一个全局的 Storage :

注意 storage.sync 的设置放在了创建方法的外面,是因为 RNAsyncStorage_asyn 文件中使用了 storage ,(如果放在创建方法里面, RNAsyncStorage_asyn 中的 storage 将因为尚未导出 storage 而出现错误)

这里解释下 syncInBackground -----为ture的时候:如果数据过期,在调用 sync 方法的同时先返回已经过期的数据,但 sync 方法结束后不会调用 promise 返回新的数据。为false的时候,会等待等待 sync 方法 promise 返回最新数据

这里的 http://localhost:8010/birds/storage 是一个本地连接,将返回一个json数据,数据格式为 {"name":"B","age":18,"tags":["geek1","nerd1","otaku1"]}

上面设置了过期时间为6秒,6秒之后数据过期,将会自动调用RNAsyncStorage_asyn文件中的方法,然后返回一个新的数据为请求过来的json,并保存起来