react+ts項目實戰:怎麼使redux store中的數據持久化?

我的項目中遇到這樣一個問題——用戶登錄系統之後,我將後臺返回的用戶信息存在了redux中,但頁面刷新後,redux store就爲空了,這樣我就不能在頁面中獲得用戶信息了,有些權限控制之類的事情就不能做了,所以我需要redux store數據的持久化。

有一個插件redux-persist是用來做數據的持久化的,它的原理就是把redux的store中的數據緩存到瀏覽器的localStorage中,那麼該如何使用呢?

首先,我們要安裝一下這個插件:

然後,在頁面中引用,使用方法參考https://github.com/rt2zz/redux-persist#state-reconciler

最後,就可以在瀏覽器的localStorage中查看到具體的值了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章