reactjs - 如何在所有浏览器会话（选项卡）中重置 Redux 状态

Question

因此，假设用户打开了多个选项卡，每个选项卡都有自己的 redux 会话（状态）。我将用户的访问令牌保存在 Redux 和本地存储中。因为如果访问令牌存在于 Redux 中，我不想每次都检查本地存储。但是在注销时，它会从本地存储和当前的 Redux 会话中删除。但是，如果用户打开了多个选项卡，则访问令牌会保留在其他选项卡中，直到刷新页面为止。如何从所有不同选项卡中的所有 Redux 状态中删除某些内容？因此，如果您从一个选项卡注销，您将从所有选项卡中注销。

标签： reactjsredux

Answer 1

您可以使用redux-state-sync https://github.com/AOHUA/redux-state-sync来解决此问题。此广播事件将被其他选项卡捕获，并且状态将在选项卡之间保持相同。

有关更多详细信息，请参阅文档。