时间戳

首页 > 解决方案 > 刷新页面时，反冲不持久状态

javascript - 刷新页面时，反冲不持久状态

问题描述

我对 React 后坐力有一些状态，但是每当手动刷新页面时，都会重置后坐力状态。

这是正常行为吗，因为我知道其他状态管理库喜欢flux并且react-redux会这样做。

将其保存到浏览器中是否是最佳实践localStorage（因为 localStorage 也是一个同步 api，所以这肯定也会导致一些问题。）

即使它是一个相当新的库，是否有某种方法可以在手动页面刷新时保持状态？

标签： javascriptreactjsrecoiljs

解决方案

我对 React 后坐力有一些状态，但是每当手动刷新页面时，都会重置后坐力状态。

是的，这是正常行为。

这是正常行为吗，因为我知道 Flux 和 react-redux 等其他状态管理库会这样做。

是的，只有一部分状态管理库会保留数据本身。找到执行此操作的外部库或自定义解决方案更为常见。

将其保存到 localStorage 以使其实际保存在浏览器中是最佳实践吗（因为 localStorage 也是异步 API，因此肯定也会导致一些问题。）

这取决于您的需求：

  • 您想提供完整的离线体验吗？去吧
  • 您是否担心数据量大时对性能的影响？你可以考虑indexedDB
  • 您只是想保留一些身份验证令牌吗？可能sessionStorage是正确的解决方案
  • 服务器是否需要知道存储的数据？你可以选择cookies

假设在不了解您的用例的情况下很难提出建议

即使它是一个相当新的库，是否有某种方法可以在手动页面刷新时保持状态？

是的，useRecoilTransactionObserver_UNSTABLE您可以获得每次 Recoil 更改的通知并保存数据。然后，RecoilRoot' initializeState 你可以恢复它。正如您所说，该库是新的，API 可能会在接下来的几个月内迅速变化

推荐阅读