redux資料持久化問題

2021-09-26 03:55:23 字數 494 閱讀 1033

redux的資料在頁面重新整理的時候會變成初始化狀態

將redux的資料存到本地儲存可以實現避免這種情況

在reducers修改redux的時候將資料儲存起來

/**

* reducer引數

* 1. 初始化state

* 2. actions

*/import * as actiontype from '../contents/msg';

let getmsg = json.parse(sessionstorage.getitem('msgdata')) ? json.parse(sessionstorage.getitem('msgdata')).msg : '';

let initstate = ;

export default function msg(state = initstate, action)

}

初始化redux的資料時初始化成本地儲存的資料即

redux資料持久化

cnpm i npm install redux persist s import from redux promise可以讓action實現非同步 import promise from redux promise thunk可以讓action以函式的方式書寫 import thunk from ...

redux持久化儲存方案

對於redux來講,我們都很熟悉了,是著名的 react 全家桶的乙份子。但是在使用 redux 時有個痛點 就是其 store 狀態樹的state並不是持久儲存的,在瀏覽器端重新整理一下資料就全沒有了,得重新從後台讀取。這時候,redux persist 就顯示出它的用武之地了。我們知道,本地資料...

資料持久化

資料持久化就是將記憶體中的資料模型轉換為儲存模型,以及將儲存模型轉換為記憶體中的資料模型的統稱.資料模型可以是任何資料結構或物件模型,儲存模型可以是關係模型 xml 二進位製流等。cmp和hibernate只是物件模型到關係模型之間轉換的不同實現。只不過物件模型和關係模型應用廣泛,所以就會誤認為資料...