首页 > 解决方案 > 如何在不丢失全局状态的情况下在应用内导航?

问题描述

我正在使用react-router在我的应用程序中导航。但这会导致当我路由到新路径(= URL)时重新加载整个页面。这意味着应用程序失去了它的全局状态(由 管理react-redux)。

所以,我的问题是:如何在应用程序中导航而不丢失它的全局状态?

标签: reactjsreact-reduxreact-router

解决方案


您必须使用 NavLink 而不是链接标签,NavLink 允许您在不刷新页面的情况下导航,否则,刷新应用程序时全局状态总是会丢失,另一种解决方案可以使用 localStorage 来持久化数据,当您返回时您将数据从 localStorage 添加到商店的应用程序。


推荐阅读