NextJS 和 Redux 更改頁面時清除存儲

Question

我一直在做一個使用 NextJS 和 Redux 的項目。 我能夠使用一些NextJS 示例來獲得 redux 設置與 thunk，但我遇到了 redux state 跨頁面持續存在的問題。

所以我知道你可以將 NextJS 與 Redux 一起使用，但是每當我使用href時，它都會清除我的 redux 存儲。

如何讓 Redux 在不同頁面上持續存在？

Answer 1

NextJS 的一個優點是有一個內置的 React Router 鈎子叫做useRouter ，但我沒有意識到如果你要使用 Redux 你必須使用useRouter因為否則它會觸發另一個服務器端渲染和會將您的 state 重置回您設置的初始狀態。

另一個美中不足的是，當您使用 NextJS 時，如果您想在其中存儲用戶信息而不引入另一條響應，則很難訪問 localStorage。 為此，您需要在加載頁面時運行localStorage調用（因此使用useEffect或在componentDidMount中）

在我完成初始項目的設置后，我最終會對此進行撰寫。 希望這可以幫助某人。