是否可以在不使用本地存儲或模塊的情況下在瀏覽器刷新時保持Redux狀態？

Question

我正在查看一個需要擴展的應用程序，刷新瀏覽器時某些路由不會丟失狀態，而另一些路由確實如此，我在尋找本地存儲和模塊（例如redux-persist），但均未實現，與路線和sagas中的代碼在起作用（保持狀態）的路線與不起作用的路線之間沒有顯示任何明顯的區別。

還有其他方法可以保持狀態嗎？

Answer 1

您可以將狀態的JSON表示形式保存到cookie中。 這是我以前見過的事情。

Answer 2

如果您使用react-router導航到路由並通過state ，具體取決於您使用的瀏覽器，則該state對象將通過頁面刷新而保持不變。

Answer 3

您可以使用URL Base64對狀態進行編碼，並將其作為參數放入URL。

我確定要查找NPM軟件包，這是使用以下示例： https : //www.browserling.com/tools/json-to-base64

{user：user1}成為eyB1c2VyOiB1c2VyMSB9

然后，您可以在瀏覽器URL中進行設置，例如url.com/?context=eyB1c2VyOiB1c2VyMSB9

這應該通過刷新保持不變，並且可以從ComponentDidMount生命周期中重新設置為組件的狀態。