问题标签 [redux-persist]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5104 浏览

reactjs - 如何重置 Redux 存储中的状态值?

我使用redux-persist将我的状态保存在本地存储中,我需要在 5 分钟后注销用户并将用户移动到登录页面,但是每次尝试时我都无法从本地存储中删除持久值使用storage.removeItem删除值,redux-persist 返回值。

根减速器:

注销操作:

APP.js

index.js

0 投票
2 回答
1744 浏览

reactjs - 在 React Native 中查看 AsyncStorage 的工具

我想要一些工具来查看 android 或 IOS 模拟器中的异步存储。我需要一些工具才能看到这一点。我目前在 mac 中使用React Native Debugger 。
我想在每个活动中查看异步存储的内容。实现它的最佳方法是什么?

0 投票
1 回答
216 浏览

reactjs - Redux-persist 如何持久化一些状态

我一直在使用 redux-persist 一段时间的每个人,这确实是一个很棒的工具,但问题是它只会保留我所有的状态(减速器),我想知道是否有一种方法可以选择哪些状态是坚持。谢谢

0 投票
0 回答
270 浏览

react-native - 我应该使用什么 React Lifecycle 方法来检查反应导航 TabNavigator 中的身份验证状态

我正在构建一个反应原生元素。该元素将具有 3 个react-navigation TabNavigator,如下所示:

我的主页正在检查身份验证componentDidMount

在我启用 tabBar 之前,所有的身份验证流程都可以正常工作。当我在注销后单击主页选项卡时,主页仍然显示,没有触发componentDidMount逻辑,让我想知道我是否应该将身份验证检查逻辑放在其他生命周期方法中?如果有,是哪一个?

0 投票
2 回答
1029 浏览

reactjs - 在组件外部访问的 Redux 存储返回初始状态

我想知道我想要实现的目标是否可行,如果可以,那么我想找出我做错了什么。我正在使用 react-native-threads 库来创建一个单独的“线程”。里面应该有一些 setInterval 函数来检查应用程序的当前状态,比如每 20 秒。现在在那个线程中,我试图做一些类似于这个问题的最佳答案中描述的事情: 在反应组件之外访问 redux 存储的最佳方法是什么? 但是,我使用的是 redux-persist,所以我在存储配置文件中没有一个普通的“存储”变量。店铺设置代码:

我尝试从该文件导入 configureStore 并在 index.thread.js 中访问这样的状态:

但是,这是返回初始状态。我需要补液后的当前状态。有没有人试图解决类似的问题?我将非常感谢任何提示。谢谢你。

编辑:这是调用 configureStore 的 index.js 文件。

0 投票
1 回答
1304 浏览

react-native - 清除或调用操作以重置状态?

我的应用程序正在使用具有持久存储能力的redux-offline包。我遇到了这个概念purge,它似乎在加载应用程序时重置状态。

我的应用程序有一个注销功能,在该功能中清理本地存储/缓存是有意义的。我想知道在这种情况下我是否应该使用清除概念或创建一个重置所有减速器的操作?

0 投票
1 回答
5018 浏览

javascript - 在 redux-persist 中 autoRehydrate 有什么用,为什么它在 v5 中被删除?

我在ReduxPersist的 GitHub 页面上找不到任何东西

我有一段我试图理解的代码,因为它被删除了,autoRehydrate我想知道应该如何使用.redux-persist

我找到了一些教程,但它只是说这autoRehydrate必须存在,但没有解释它的实际作用。

0 投票
1 回答
403 浏览

react-native - Redux persist 不存储任何数据以供离线使用

我正在使用 redux、redux-persist 和中间件 redux-thunk 来获取 Json API。我的问题是当 wifi 关闭时我不能再使用它了。存储不能很好地离线使用。

0 投票
1 回答
1420 浏览

reactjs - 如何将 Redux Store 保存为下载的文件,然后将其加载回来?

我有一个具有项目概念的网络应用程序。我正在使用react,react-reduxreact-persistwithlocalForage作为持久目标。

我现在正在尝试实现项目保存项目加载功能,整个 Redux State 都作为一个项目文件。项目文件应作为用户下载保存到磁盘。和/或任何云文件存储服务。

保存部分是微不足道的,只需将存储,序列化为 JSON,然后将其发送给用户以供下载。

加载有点棘手,我ReactDOM.render是相当平常的。

如果已经创建了一个商店,configureStore()则查找并返回它,否则它会创建一个新商店。

对于加载过程,我在想这样的事情会做

  1. 从用户加载 JSON 并解析
  2. 清除 localForage(因为它会覆盖 initalState)
  3. 使用用户提交的文件中的 initialState 重新创建商店
  4. 再次调用 ReactDOM.render()

redux有没有更好的方法,也许是我在文档中错过的内置加载方法redux-persist

0 投票
0 回答
345 浏览

reactjs - React redux 清理“一次性”API 从存储中调用数据

我的应用程序目前已经实现了处理应用程序所有 API 调用的 api 中间件。

每个这些 api 调用的响应数据和状态都保存到 redux 存储中。其中许多操作(例如登录、注销等)可以称为“一次性”,因为在它们被调度后,只有一个组件受到影响(并且只有一次),并且不再需要它们的响应数据和状态。应用程序(用于登录,我将访问令牌与其他减速器一起保存,该减速器由 api 中间件自己的操作调用),这意味着商店因不再需要的数据而膨胀。

在组件收到有关来自 redux 存储的响应的道具后,是否有任何方法或“最佳实践”以某种方式清除此响应数据(在每次组件收到道具后不发送例如 clear() 操作 - 重复代码)?


更新 1:

让redux处理所有的api调用甚至是“最佳实践”吗?我正在考虑将 redux api 调用和基本组件 api 调用分开,但我不能停下来思考,分开拥有它不是一个好习惯。我想把它统一起来。