当我在地址栏中更改路由时，React-Router正在刷新页面

Question

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

我有两个组件， Login和Home 。

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

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

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

Answer 1

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

您可以使用中间件，例如redux-persist或redux-storage ，它们将保存redux存储并在页面重新加载时使redux存储水化。