Redux 商店在切換到另一個瀏覽器選項卡時停止接收操作

Question

我將 React 16.8.6 與 redux 4.0.1 一起使用，但我在存儲 redux 時遇到了問題。 當我切換到另一個瀏覽器選項卡時，商店停止調度任何操作。

正常流量：

1. 單擊一個按鈕
2. 行動 1 分派（取東西）
3. 已調度操作 2（在 DB 中保存一些內容）
4. 行動 3 分派（取東西）

當我切換到另一個標簽時：

1. 單擊一個按鈕
2. 行動 1 分派（取東西）
3. 切換到其他瀏覽器選項卡或打開其他應用程序
4. （應用程序沒有收到其他動作）

但是當我返回應用程序的選項卡並刷新它時，我可以看到操作 1和2應該執行的更改。 但是，它們沒有被我的應用程序捕獲，因為它的選項卡未處於活動狀態。

由於該應用程序正在使用 firebase 消息傳遞，因此我試圖將其與 React Service Worker 連接以解決問題，但它不起作用。

你該怎么辦？ 這是 redux 的常見問題嗎？

Answer 1

您可以將持久性 redux 狀態與某些庫一起使用，例如（當您在兩個選項卡之間共享狀態時，此方法也有效） redux-persist ，另一方面，如果您想實現自己的庫，則可以使用諸如 local/session 之類的持久性系統storage、Redux、rabbitMQ 等，在這篇文章中有一些不錯的想法在選項卡之間共享狀態