Reactjs 如何在页面导航上保留状态数据？

我使用React和React路由器，我有一个顶级组件

，其中包含所有会话数据。每当我导航到另一个页面时，我都会丢失状态信息。如何在所有页面上持久化状态数据？（如果这是不可能的，是否有其他方法可以实现会话数据？）

我使用Redux它将您想要的数据存储在组件外部，您可以在任何您喜欢的地方连接。

我使用Redux它将您想要的数据存储在组件外部，您可以在任何您喜欢的地方连接。

您可以使用它存储您想要跨页面持久化的数据项。这不会发送到服务器，并且会在会话结束时消失。（您还可以使用

localStorage

来保存从一次访问到下一次访问的内容。

您可以使用它来存储要跨页面保存的数据项。这不会发送到服务器，并且在会话结束时会消失。（您也可以使用

localStorage

来保存从一次访问到下一次访问的内容。

您使用的是browserRouter还是hashRouter？如何在页面之间导航？如果您使用react router的链接元素导航或推送到其历史记录，则应保留祖先组件的状态。@PhillBellamy I'sm使用react bootstrap中的

进行链接，链接使用其href属性导航到不同的页面。使用传统href链接页面将重新加载页面，因此您的状态会丢失。使用react路由器导航技术（例如链接元素）页面未重新加载，您应该会发现您的顶级组件状态通过导航保持不变。@Phillbellamy谢谢！我以前从未见过，我一定会检查它！您使用的是browserRouter还是hashRouter？如何在页面之间导航？如果您使用react router的链接元素导航或推送到其history然后应该保留祖先组件的状态。@Phillabellamy我正在使用react引导中的

进行链接，这些链接使用它们的href属性导航到不同的页面。使用传统href在页面之间进行链接将重新加载页面，因此您的状态会丢失。使用react路由器导航技术（例如，Link元素）页面未重新加载，您应该会发现您的顶级组件状态通过导航保持不变。@Phillbellamy谢谢！我以前从未见过，我一定会查看它！