在React / Redux中重新加载页面后维护选定的选项卡

时间:2016-10-31 18:57:37

标签: reactjs react-redux

我有一个带有标签组件的页面,其中有5个标签。

在React / Redux中重新加载/刷新页面后,保持选择哪个选项卡状态的最佳方法是什么?

我可以想出两种方法来坚持这个:

  • 查询参数
  • 本地存储

这些是可以使用还是有更好/更多的React方法来做到这一点?

1 个答案:

答案 0 :(得分:1)

首先我要说这是一个高度自以为是的问题,取决于您的设计和需求。

如果当前标签是重新加载的重要信息,我会使用查询参数,因为它也可能是共享的链接,在另一个浏览器中打开...

我通常使用本地存储来存储关于应用程序的内部状态(例如登录,在第一次看到它解释它做什么时在元素上显示弹出窗口等等),而不是如果选择了选项卡或不,因为它是一个多功能的信息。例如,用户可能会稍后从另一个页面访问该页面,但仍然会打开第二个选项卡而不是默认选项卡。