reactjs - 无法读取 undefined-Redux Persist 的属性“订阅”

Question

我得到的更具体的错误是：警告：道具类型失败：道具store在 中标记为必需Provider，但其值为undefined。

store.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 }
}

用于减速器的 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中，您不导出storeand persistor，而是导出一个函数，该函数返回一个带有storeand的对象persistor。因此，您的import声明App.js实际上导入了两个不存在的命名导入。

您可以像这样获取您的实例：

import factory from './src/store';

const {store, persistor} = factory();

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