如何在不同的 URL 路線之間保存 redux state？

Question

我在 www.infinity2o.com 有一個帶有多個路由的 react/redux webapp：

<Route exact={true} path="/profile" component={Profile} />
<Route exact={true} path="/sorting_hat" component={SortingHat} />

我遇到的問題是我的 UI 顏色主題已保存到我的 redux 商店中。 但是每次我的 URL 路線從infinity2o.com/profile更改為infinity2o.com/sorting_hat時，我的整個 state 都會重置為null 。

在路由之間切換時，是否可以保持我的一些 redux state 持續存在？

Answer 1

你可以嘗試使用 redux-persist 庫

Answer 2

您可以使用localStorage.setItem("key", "value")將 state 保存在本地存儲中。 並使用localStorage.getItem("key")從本地存儲設置您的初始 redux state