NextJS的一个优点是有一个内置的React Router钩子，名为useRouter，但我没有意识到的是，如果你要使用Redux，你必须使用useRouter，因为否则它会触发另一个服务器端渲染，并将状态重置回你设置的initialState。
另一个美中不足的地方是，当你使用NextJS时，如果你想在不引入另一个react的情况下存储用户信息，那么很难访问localStorage。要做到这一点，你需要在页面加载时运行一个localStorage调用（所以可以使用useEffect或componentDidMount）
我最终会做一个写了这一点后，我完成了我的初始项目。希望这对某人有帮助。

首先，你使用了href，这不是Next.js中路由的首选方式
因此，每当你点击链接(using href)时，它会重新加载页面，而Next.js是SPA（单页应用程序），它会自行清除redux存储。
Next.js是一个(not a library like react)框架，提供了一个内置的路由功能，有一个名为useRouter的钩子，这是推荐的路由方式。