当我在地址栏

Question

我正在使用redux和react-redux来改变我的应用程序的状态。

我有两个组件，Login和Home。

如果用户被正确记录并导航到Home组件，我将调度一个操作来更新状态。我在Home组件的路由中使用authguard来检查用户是否已登录。

但是当我通过在地址栏中键入路线导航到Home组件时，页面会刷新，状态会更改为其初始值。

即使使用地址栏导航到组件，如何维护状态值？

Answer 1

如果您使用地址栏导航到组件，则必须将数据存储在localstorage中。当您通过地址栏导航时，它有点像刷新页面，整个商店都会丢失。你必须再次为商店补水，以显示之前的还原状态。

您可以使用redux-persist或redux-storage等中间件来保存redux存储，并在页面重新加载时保存redux存储。