关于rduex中的持久化

从终端 安装的持久化的 命令： cnpm i redux-persist -S

首先先从src下的index.js中 引入redux 引入如下：

import { persistStore } from ‘redux-persist’
import { PersistGate } from ‘redux-persist/lib/integration/react’

引入完毕之后 在render中 写：

ReactDOM.render(
//这个是redux

//这个是持久化



,
document.getElementById(‘root’)
)

之后再store.js中写以下代码：

thunk from ‘redux-thunk’

//持久化
import { persistReducer } from ‘redux-persist’
// import storage from ‘redux-persist/lib/storage’ // localstorage
import sessionStorage from ‘redux-persist/lib/storage/session’ // session
import autoMergeLevel2 from ‘redux-persist/lib/stateReconciler/autoMergeLevel2’

//白名单
const rootPersistConfig = {
//存储的名字
key: ‘root’,
//存储的方式
storage: sessionStorage,

stateReconciler: autoMergeLevel2,

//存储的数据
whitelist: [‘home’], // 白名单
}

const store = createStore(
// persistReducer 是第28行 rootPersistConfig这个是白名单
persistReducer(rootPersistConfig,combineReducers({home,login,})),
composeEnhancers( applyMiddleware( promise, thunk))
)