typeerror:this.props.persistor.subscribe不是函数redux持续存在

Question

我将redux-persist纳入我的react应用程序，并收到以下错误：typeerror：this.props.persistor.subscribe不是函数

我遵循以下链接中描述的相同文档：https：//www.npmjs.com/package/redux-persist

store.js

import {applyMiddleware,createStore,combineReducers} from "redux"
import {createLogger} from "redux-logger"
import thunk from "redux-thunk"
import promise from "redux-promise-middleware"
import { persistStore, persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage' // defaults to localStorage for web and AsyncStorage for react-native
import reducer from "./Reducers"
const middleware = applyMiddleware(promise(),thunk,createLogger())
const persistConfig = {
  key: 'root',
  storage,
}
const persistedReducer = persistReducer(persistConfig, reducer)
export default () => {
  let store = createStore(persistedReducer,middleware)
  let persistor = persistStore(store)
  return { store, persistor }
}.js:

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import registerServiceWorker from './registerServiceWorker';
import { Provider } from 'react-redux'
import store from "./store"
import persistor from "./store"
import { PersistGate } from 'redux-persist/integration/react'
ReactDOM.render(
    <PersistGate loading={null} persistor={persistor}>
        <Provider store={store}>
                <MuiThemeProvider>
                    <App />
                </MuiThemeProvider>
        </Provider>
    </PersistGate>,

    document.getElementById('root'));
registerServiceWorker();

Answer 1

import {store, persistor} from 'your-store-module'绝对是正确的导入语法。

我建议仔细检查您的导出语句和路径。

Answer 2

只需导出您的商店和Persitor：

export default {store, persistor};

然后，在您的还原器上导入它(定义了store和persistor(：

import Store from 'yourModuleName'

最后，致电您的persistor和store，然后将PersistGate放入Provider中：

<Provider store={Store.store}>
     <PersistGate loading={null} persistor={Store.persistor}>
         <MuiThemeProvider>
            <App />
         </MuiThemeProvider>
     </PersistGate>,
</Provider>