cnpm i npm install redux-persist -s
import
from
'redux'
//promise可以讓action實現非同步
import promise from
'redux-promise'
//thunk可以讓action以函式的方式書寫
import thunk from
'redux-thunk'
import list from
'@/reducer/list'
import operate from
'@/reducer/operate'
import myupdate from
'@/reducer/myupdate'
import
from
'redux-persist'
// 合併 reduce
import storage from
'redux-persist/lib/storage'
// 建立 store
// 多層物件 做資料持久化
import automergelevel2 from
'redux-persist/lib/statereconciler/automergelevel2'
// 我要對哪些 reduce 的 state 做資料持久化
const rootpersistconfig =
const composeenhancers = window.__redux_devtools_extension_compose__ || compose
// 抽離出乙個需要持久化的公共 reduce
const mypersistreducer =
persistreducer
( rootpersistconfig,
combinereducers()
)const store =
createstore
( mypersistreducer,
composeenhancers
((promise, thunk)))
export
import react from
'react'
import reactdom from
'react-dom'
import router from
'./router'
import
'./index.less'
import
from
'react-redux'
import
from
'./store'
import
from
'redux-persist'
import
from
'redux-persist/lib/integration/react'
reactdom.
render
(>
persistor=
>
>
<
/persistgate>
<
/provider>
, document.
getelementbyid
('root'
))
redux資料持久化問題
redux的資料在頁面重新整理的時候會變成初始化狀態 將redux的資料存到本地儲存可以實現避免這種情況 在reducers修改redux的時候將資料儲存起來 reducer引數 1.初始化state 2.actions import as actiontype from contents msg ...
redux持久化儲存方案
對於redux來講，我們都很熟悉了，是著名的 react 全家桶的乙份子。但是在使用 redux 時有個痛點 就是其 store 狀態樹的state並不是持久儲存的，在瀏覽器端重新整理一下資料就全沒有了，得重新從後台讀取。這時候，redux persist 就顯示出它的用武之地了。我們知道，本地資料...
資料持久化
資料持久化就是將記憶體中的資料模型轉換為儲存模型,以及將儲存模型轉換為記憶體中的資料模型的統稱.資料模型可以是任何資料結構或物件模型,儲存模型可以是關係模型 xml 二進位製流等。cmp和hibernate只是物件模型到關係模型之間轉換的不同實現。只不過物件模型和關係模型應用廣泛，所以就會誤認為資料...