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

pra*_* vv 2 javascript reactjs react-router redux react-redux

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

我有两个组件,LoginHome.

如果用户正确登录并导航到Home组件,我将调度一个动作来更新状态.我在Home组件路径中使用authguard 来检查用户是否已记录.

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

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

ill*_*ter 5

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

您可以使用redux-persistredux-storage等中间件,它们将节省redux存储并在页面重新加载时保留redux存储.