我使用 redux 和 react-redux 来改变我的应用程序的状态。
我有两个组件，Login和Home。
Login
Home
如果用户正确登录并将其导航到Home组件，我将调度一个动作来更新状态。我在Home组件的路由中使用 authguard 来检查用户是否已记录。
但是当我通过在地址栏中键入路由导航到Home组件时，页面会刷新，状态会更改为其初始值。
即使使用地址栏导航到组件，如何维护状态值？
如果使用地址栏导航到组件，则必须将数据存储在localstorage中。当您通过地址栏导航时，它有点像刷新页面，整个商店都会丢失。你必须再次为商店补水，以显示之前的还原状态。
localstorage
您可以使用redux-persist或redux-storage这样的中间件来保存 redux 存储，并在页面重新加载时保存 redux 存储。
1 回答
如果使用地址栏导航到组件，则必须将数据存储在
localstorage中。当您通过地址栏导航时，它有点像刷新页面，整个商店都会丢失。你必须再次为商店补水，以显示之前的还原状态。您可以使用redux-persist或redux-storage这样的中间件来保存 redux 存储，并在页面重新加载时保存 redux 存储。