详解在反应-原生中持久化回家的数据

在最近的一个项目中，要求对回家的数据做持久化处理，经过研究后成功实现，在此记录一下过程

我们可以使用redux-persist对数据做持久化处理

安装

npm i -保存还原-持续使用

安装成功后，我们需要对商店代码进行修改，这是我的商店生成文件

从“redux”导入{applyMiddleware，createStore，compose }；从" redux-logger "导入{ createLogger }；从“redux-thunk”导入thunk从'导入减速器./reducers '；从" redux-persist "导入{persistStore，persist reduce }；从redux-persist/lib/storage ' const persist config={ key : ' milk '导入存储，#对于数据键的定义储物，#选择的存储引擎}# 对还原剂的封装处理const persistedReducer=persistReducer(persistConfig，reducers)让logger中间件=createLogger()；导出默认函数configureStore(){ const enhancers=compose(applyMiddleware(thunk，loggerMiddleware)，)；# 处理后的还原剂需要作为参数传递在创建存储中常量存储=创建存储（持久存储，增强)#持久化store let persistor=persist store(存储)返回{store，persistor}}在反应原生中，存储引擎默认为异步存储

机器人是以键=值的形式存储在本地数据库中

ios是直接存沙盒文件

其中还有很多可以配置的地方，大家自行参考官方文档

修改完生成商店代码后，在入口文件做一次修改，需要引入持久门来进行二次的组装

从"反应"导入反应{组件};从“反应-还原”导入{提供程序}；从""导入家庭容器./container/HomeContainer "从导入配置存储"。/redux/store从“redux-persist gate-persist/integration/react”导入{PersistGate}看这里const {store，persistor }=configureStore()；类应用扩展组件{ render(){ return(提供程序存储={ store } PersistGate loading={ null } persistor={ persistor } HomeContainer//PersistGate/Provider)；} }导出默认应用简单配置即可，我们可以看一下效果

效果

参考文档

官方文档

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。