2

こんにちは、react-redux で redux-persist をセットアップしようとしていますが、うまくいきません。次のエラーが表示されます。

TypeError: _store2.default は関数ではありません [詳細] index.js:12:29

現在のセットアップ方法：

store.js

import {applyMiddleware, createStore} from 'redux';
import {persistStore,persistCombineReducers} from 'redux-persist';
import storage from 'redux-persist/es/storage' // default: localStorage if web, AsyncStorage if react-native

import { logger } from 'redux-logger';
import thunk from 'redux-thunk';
import promise from 'redux-promise-middleware';
import reducer from './reducers'

const middleware = applyMiddleware(promise(), thunk, logger);

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

const reducers = persistCombineReducers(config, {reducer});

export const configureStore = () => {
  const store = createStore(reducers, middleware);
  const persistor = persistStore(store);
  return { persistor, store };
};

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter} from 'react-router-dom';
import {Provider} from 'react-redux';
import Bootstrap from 'bootstrap/dist/css/bootstrap.css';
import './css/app.css';
import App from './containers/App';

import { PersistGate } from 'redux-persist/es/integration/react'
import configureStore from './store';
const { persistor, store } = configureStore()


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

更新 1

@aziumの応答に基づいて、次のようになりました。

上記のエラーはコンポーネントで発生しました: Connect(App) (Route で作成) in Route (withRouter(Connect(App)) で作成) in withRouter(Connect(App)) in Router (BrowserRouter で作成) in BrowserRouter in PersistGateプロバイダーで

App.js から次のように呼び出す場合:

@withRouter
@connect((store) => {
  return {
    isAuthenticated: store.auth.isAuthenticated,
  };
})
4

2 に答える 2

0

そのため、少し考えてコミュニティの助けを借りた後、問題をレデューサー宣言に絞り込むことができました。index.jsでreducerをcombinedReducersで宣言していましたが、redux-persistはそうすべきではないと言っています。

最終的な index.js コード:

import user from './userReducer'
import auth from './authReducer'

export default ({
  user, auth
})
于 2017-12-27T00:59:43.420 に答える