react-native - redux-persist:undefined 不是一个对象(评估 store.getState)

Question

这是我第一次使用 Redux 和 Redux Persist。
当我尝试运行我的应用程序时出现此错误(在 index.js 第 20 行):

TypeError: undefined is not an object (evaluating 'store.getState')

索引.js:

import React from 'react';
import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
import { Provider } from 'react-redux';
import {persistor, store}from './store/configureStore';
import { PersistGate } from 'redux-persist/integration/react';

const RNRedux = () => (
    <Provider store={store}>
        <PersistGate loading={null} persistor={persistor}>
            <App/>
        </PersistGate>
    </Provider>
)

AppRegistry.registerComponent(appName, () => RNRedux);

应用程序.js:

import {createStackNavigator, createAppContainer} from 'react-navigation';
import Register from './components/Register';
import Home from './components/Home';
import Login from './components/Login';

const AppNavigator = createStackNavigator({
  HomeScreen: {
    screen: Home,
    navigationOptions: {
      title: 'Home',
      header: null
    }
  },
  LoginScreen: {screen: Login},
  RegisterScreen: {
    screen: Register,
    navigationOptions: {
      title: 'Register'
    }
  }
});

const App = createAppContainer(AppNavigator);

export default App;

配置Store.js:

import { createStore, combineReducers } from 'redux';
import userReducer from './reducers/user';
import { persistStore, persistCombineReducers, persistReducer } from 'redux-persist';
import storage from 'redux-persist/es/storage' // default: localStorage if web, AsyncStorage if react-native
import { AsyncStorage } from 'react-native';

const persistConfig = {
    key: 'root',
    storage
};

const rootReducer = persistCombineReducers(persistConfig, {
    user: userReducer
});

const persistedReducer = persistReducer(persistConfig, rootReducer);

export default () => {
    let store = createStore(persistedReducer)
    let persistor = persistStore(store, {storage: AsyncStorage})
    return { store, persistor };
}

Answer 1

您正在从 configureStore.js 导出函数但试图导入 {persistor, store}在 index.js .

您应该改为导入该函数并调用它。

例如:

import configureStore from './store/configureStore';
const {store, persistor} = configureStore();