Javascript Redux持久化集成问题

我想保持我的状态数据，即使在浏览器刷新后也是如此。为此，我使用了

reduxpersist

（）库。在实现这个库的时候，我没有定义还原器中的当前状态。例如：

TypeError: Cannot read property 'modalType' of undefined

以下代码中我做错了什么

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
//import * as serviceWorker from './serviceWorker';
import { createStore, applyMiddleware } from 'redux';
import { Provider } from 'react-redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import thunk from 'redux-thunk';
import { routerMiddleware } from 'react-router-redux';
import ReducerStore from './reducers/rootReducer.js';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import { Router } from 'react-router-dom';
import history from './history';
import { persistStore, persistReducer } from 'redux-persist';
import storage from 'redux-persist/lib/storage';

const persistConfig = {
    key: 'root',
    storage,
}
const persistedReducer = persistReducer(persistConfig, ReducerStore)

const middleware = routerMiddleware('');

const store = createStore(persistedReducer, composeWithDevTools(
    applyMiddleware(middleware, thunk),
))

const persistor = persistStore(store);

ReactDOM.render(<Provider store={persistor}><Router history={history}><App /></Router></Provider>, document.getElementById('root'));

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./App”导入应用程序；
//将*作为serviceWorker从“/serviceWorker”导入；
从“redux”导入{createStore，applyMiddleware}；
从'react redux'导入{Provider}；
从'redux devtools extension'导入{composeWithDevTools}；
从“redux thunk”导入thunk；
从“react router redux”导入{routerMiddleware}；
从“./reducers/rootReducer.js”导入ReducerStore；
导入“../node_modules/bootstrap/dist/css/bootstrap.min.css”；
从“react Router dom”导入{Router}；
从“./history”导入历史记录；
从“redux persist”导入{persistStore，persistReducer}；
从“redux persist/lib/storage”导入存储；
常量persistConfig={
键：'根'，
存储
}
const persistedReducer=persistReducer（persistConfig，ReducerStore）
const middleware=routerMiddleware（“”）；
const store=createStore（persistedReducer，composeWithDevTools(
applyMiddleware（中间件，thunk），
))
常量persistor=persistStore（存储）；
ReactDOM.render（，document.getElementById（'root'））；

我丢失了

PersistGate

。一旦加上它，我就可以让它工作了

import {PersistGate} from 'redux-persist/integration/react'

然后

ReactDOM.render(<Provider store={store}><PersistGate loading={null} persistor={persistor}><Router history={history}><App /></Router></PersistGate></Provider>, document.getElementById('root'));

ReactDOM.render（，document.getElementById（'root'）；