8wDlpd.png
首页
8wDFp9.png
分类
8wDEOx.png
8wDMfH.png
消息
8wDKte.png
我的
  2. reactjs
  3. 如何在 React 应用程序的页面重新加载时保留 Redux Toolkit 状态？

如何在 React 应用程序的页面重新加载时保留 Redux Toolkit 状态？

user26878634 2月前
15 0

我在 React 应用程序中使用 Redux Toolkit 来管理全局状态。一切正常，直到我刷新或重新加载页面，此时 Redux 存储状态将重置为其初始状态...

我在 React 应用程序中使用 Redux Toolkit 来管理全局状态。一切正常，直到我刷新或重新加载页面，此时 Redux 存储状态将重置为其初始状态。

我知道这是默认行为，但我需要在页面重新加载时保留 Redux 状态的某些部分。如何解决这个问题？

我想要刷新页面后的值

帖子版权声明 1、本帖标题：如何在 React 应用程序的页面重新加载时保留 Redux Toolkit 状态？
    本站网址：http://xjnalaquan.com/
2、本网站的资源部分来源于网络，如有侵权，请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
5、站长邮箱：yeweds@126.com 除非注明，本帖由user26878634在本站《reactjs》版块原创发布， 转载请注明出处！
收藏的用户（0） X
正在加载信息~
最新回复 (0)
  • 引用 2楼

    要在页面重新加载时保存 Redux 状态，请使用 redux-persist 。操作方法如下：

    1. 安装 redux-persist .
    2. 用以下方式包裹你的减速器 persistReducer .
    3. 创建商店 persistStore .
    4. 使用 PersistGate 来保持状态。

    这样，您的状态将保存在本地存储中，并在您刷新页面时恢复。

  • 引用 3楼

    默认情况下，redux 在页面加载时自动重置为初始状态。

    为了在刷新时保存数据，我们需要将其存储在存储 API 中。

    例如，我们可以通过使用本地存储或类似的东西手动实现这种机制。

    我们还可以使用第三方软件包（如 https://www.npmjs.com/package/redux-persist 。它将为我们配置此操作，我们可以使用 白名单/黑名单

返回
作者最近主题：