当我使用nextjs时如何保持redux状态使用React构建服务器呈现的JS Web应用程序？

Question

当我刷新页面时，我的redux状态得到初始状态，怎样才能解决这个问题？

Answer 1

因为react是单页面应用程序，它会在用户刷新页面时初始化其状态。您必须将redux存储设置为

const store = { //your initial store data };
const initStore = localStorage.getItem('store') || store;

为此，您可以编写自己的帮助函数，以便在更改数据时将数据保存到localStorage，或者可以使用redux-storage或redux-localstorage之类的内容。因此，每当您刷新页面时，如果localStorage上有数据，它将作为初始状态分配给您的应用程序。