8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

如何在 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)
  • 要在页面重新加载时保存 Redux 状态,请使用 redux-persist 。操作方法如下:

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

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

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

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

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

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

返回
作者最近主题: