通过redux-persist进行数据持久化处理

共享状态不具备持久化，页面刷新后会变回初始值

安装

npm i redux-persist

主store引入

import {
    persistStore,
    persistReducer,
    FLUSH,
    REHYDRATE,
    PAUSE,
    PERSIST,
    PURGE,
    REGISTER,
} from 'redux-persist'

import storage from 'redux-persist/lib/storage'

配置参数

const persistConfig = {
    key: 'root',
    version: 1,
    storage,   // 本地存储
}

其余配置

    middleware: (getDefaultMiddleware) =>
        getDefaultMiddleware({
            serializableCheck: {
                ignoreActions:[FLUSH,REHYDRATE,PAUSE,PERSIST,PURGE,REGISTER]
            }
        })

这里我们可以看到 他把数据都存到本地来持久化了1

白名单 指定的数据进行持久化