redux持久化(<PersistGate loading={null} persistor={persistStore(store)}></PersistGate>)

//引入标题括号中的 PersistGate 这一句在Provider标签里面
//import { PersistGate } from ‘redux-persist/lib/integration/react’

import { createStore, compose, combineReducers, applyMiddleware } from ‘redux’
import promise from ‘redux-promise’ // 中间件
import thunk from ‘redux-thunk’ // 中间件
import reduces from ‘@/reducer’
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’

// 我要对哪些 state 做数据持久化
const rootPersistConfig = {
key: ‘root’,
storage: sessionStorage,
stateReconciler: autoMergeLevel2,
whitelist: [‘home’], // 白名单
}

const composeEnhancers = window.REDUX_DEVTOOLS_EXTENSION_COMPOSE || compose

const store = createStore(
persistReducer(rootPersistConfig, combineReducers(reduces)),
composeEnhancers(applyMiddleware(promise, thunk))
)

export default store

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值