web-dev-qa-db-fra.com

React store.getState n'est pas une fonction

Voici mon code:

store.js

import {createStore, applyMiddleware, compose} from 'redux';
import {fromJS} from 'immutable';
import {routerMiddleware} from 'react-router-redux';
import createSagaMiddleware from 'redux-saga';
import createReducer from './reducers';

const sagaMiddleware = createSagaMiddleware();

export default function configureStore(initialState = {}, history) {
    // Create the store with two middlewares
    // 1. sagaMiddleware: Makes redux-sagas work
    // 2. routerMiddleware: Syncs the location/URL path to the state
    const middlewares = [sagaMiddleware, routerMiddleware(history)];

    const enhancers = [applyMiddleware(...middlewares)];

    const store = createStore(createReducer, fromJS(initialState), enhancers);

    // Extensions
    store.runSaga = sagaMiddleware.run;
    store.asyncReducers = {}; // Async reducer registry

    return store;
}

Routes.js

import React from 'react';
import {Route, Router, IndexRoute, browserHistory} from 'react-router';
import {syncHistoryWithStore} from 'react-router-redux';
import store from './store';

import Welcome from './containers/Welcome';

const history = syncHistoryWithStore(browserHistory, store);

const routes = (
    <Router history={history}>
        <Route path="/">
              <IndexRoute component={Welcome} />
        </Route>
    </Router>
);

export default routes;

Index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {browserHistory} from 'react-router';
import { Providers } from 'react-redux';
import configureStore from './store';
import routes from './routes';


const initialState = {};
const store = configureStore(initialState, browserHistory);

ReactDOM.render(
    <Provider store={store}>
        {routes}
    </Provider>, document.getElementById('main-content')
);

Je ne peux pas trouver le coupable. J'ai essayé de le déboguer, mais je ne trouve pas ce qui en fait vraiment ces erreurs. erreur: erreur TypeError non enregistrée: store.getState n'est pas une fonction

Toute solution?

javascriptreactjsredux-saga
13
ssuhat

Notez que dans votre Routes.js le store n'est pas initialisé correctement. Vous devez ajouter ces lignes:

  const initialState = {};
  const store = configureStore(initialState, browserHistory);

comme dans votre index.js fichier.

12
dlopez

Je faisais cela (une exigence dynamique) ..

    const store = require('../store/app')
    state = store.getState()

mais pour une raison quelconque lorsque vous utilisez require au lieu de import, vous devez le faire ..

    const store = require('../store/app')
    state = store.default.getState()
6
danday74

Il s'agit d'une faute de frappe qui a généré l'erreur: TypeError: store.getState is not a function

faux

const store = createStore(()=>[], {}, applyMiddleware);

Correct

const store = createStore(()=>[], {}, applyMiddleware());

Notez la parenthèse ajoutée () sur applyMiddleware.

3
Steven

Je ne sais pas si cela vous aidera, mais vous avez nommé votre import {Providers} au lieu de {Provider} de la bibliothèque react-redux.

2
mcguiretj