reactjs - 无法读取未定义的属性 'subscribe'-Redux Persist

Question

我得到的更具体的错误是:警告: Prop 类型失败: Prop store 在 Provider 中被标记为必需，但它的值为 未定义。

商店.js

const initialState = {};

const storage = createSensitiveStorage({
  keychainService: "myKeychain",
  sharedPreferencesName: "mySharedPrefs"
});

const config = {
  key: "root",
  storage,
};

const middleware = [thunk];

const reducer = persistCombineReducers(config, rootReducer);

export default () => {
  let store = createStore(
    reducer,
    initialState,
    compose(applyMiddleware(...middleware))
  );
  let persistor = persistStore(store);

  return { store, persistor }
}

reducer 的 index.js:

export default combineReducers({
    profile: profileReducer,
    auth: authReducer,
    photoSlider,
    trip: tripReducer,
    moment: momentReducer
})

应用程序.js:

import {store, persistor} from './src/store';

<Provider store={store}>
        <PersistGate loading={null} persistor={persistor}>
          <Layout />
        </PersistGate>
      </Provider>

如有任何帮助，我们将不胜感激。

Answer 1

在 store.js 中，您不导出 store 和 persistor，而是导出一个返回对象的函数 >store 和 persistor。因此，您在 App.js 中的 import 语句实际上导入了两个不存在的命名导入。

您可以这样获取您的实例:

import factory from './src/store';

const {store, persistor} = factory();

<Provider store={store}>
  <PersistGate loading={null} persistor={persistor}>
     <Layout />
  </PersistGate>
</Provider>