2017-10-05 6 views
0

私はreactxプロジェクトでredux-persistを実装しようとしています。ここに私が持っているものがあります。TypeError:store.getStateは関数ではありません

store.js:

import {compose, createStore, applyMiddleware} from 'redux'; 
import {persistStore, autoRehydrate} from 'redux-persist'; 
import {combineReducers} from 'redux'; 
import thunk from 'redux-thunk'; 

import reducer from './reducers/reducer'; 
import modalReducer from './reducers/modal-reducer'; 

const store = createStore(
      combineReducers({ 
       reducer, 
       modalReducer, 
      }), 
      compose(
       applyMiddleware(thunk), 
       autoRehydrate() 
      ), 
     ) 

export default persistStore(store); 

index.js:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import {Provider} from 'react-redux'; 
import {BrowserRouter} from 'react-router-dom'; 
import './index.css'; 
import App from './App'; 
import store from './store'; 
import registerServiceWorker from './registerServiceWorker'; 

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

私はstore.jsにpersistStore(店舗)だけストアをデフォルトのエクスポート、およびでないとしたらということを知っています、コードが動作し、私はエラーに遭遇しません。何かご意見は?

答えて

0

私は、それが起こっている理由は、module.exportsがオブジェクトを格納しているからです。 export default persistStore(store);に電話すると、オブジェクトではなく呼び出しをエクスポートしようとしています。だからexport default store;が動作し、nayan hayfieldが書いたものが同様に機能すると信じています。

関連する問題