Next.js - _app.js 状态在页面刷新/SSR 时丢失

wnt*_*wrk 6 javascript state reactjs server-side-rendering next.js

不确定这是渲染服务器端的功能还是副作用,但每当我刷新页面或直接从 url 输入访问页面时,存储在公开的 _app.js 页面中的任何状态都会丢失。Next.js 声明 _app.js 页面用于“导航页面时保持状态”,因此这应该可行。

当使用组件路由客户端时,所有状态都会保留<Link>

我试图在不使用 cookie/会话/本地存储的情况下存储非敏感数据。

任何人都可以验证这是否是最好的方法,还是我应该只使用其中一种技术?

如有必要,很乐意发布代码。

小智 0

如果你的应用程序足够大,那么使用 redux 进行状态管理。为了恢复页面刷新时的状态,您可以使用 redux-persist ,它可以与 next-redux-wrapper 集成。基本上 redux-persist 将你的 redux 存储保存在本地存储中。您可以参考这些链接:

https://github.com/rt2zz/redux-persist https://github.com/kirill-konshin/next-redux-wrapper

  • 令人遗憾的是,您必须使用像 redux 这样的状态库来在应用程序级别存储简单状态。 (3认同)