NextJS 和 Redux 更改页面时清除存储

Question

我一直在做一个使用 NextJS 和 Redux 的项目。 我能够使用一些NextJS 示例来获得 redux 设置与 thunk，但我遇到了 redux state 跨页面持续存在的问题。

所以我知道你可以将 NextJS 与 Redux 一起使用，但是每当我使用href时，它都会清除我的 redux 存储。

如何让 Redux 在不同页面上持续存在？

Answer 1

NextJS 的一个优点是有一个内置的 React Router 钩子叫做useRouter ，但我没有意识到如果你要使用 Redux 你必须使用useRouter因为否则它会触发另一个服务器端渲染和会将您的 state 重置回您设置的初始状态。

另一个美中不足的是，当您使用 NextJS 时，如果您想在其中存储用户信息而不引入另一条响应，则很难访问 localStorage。 为此，您需要在加载页面时运行localStorage调用（因此使用useEffect或在componentDidMount中）

在我完成初始项目的设置后，我最终会对此进行撰写。 希望这可以帮助某人。