[英]React Native TypeError store.getState is not a function
[英]React store.getState is not a function
这是我的代码:
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;
}
路由.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;
索引.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')
);
我找不到罪魁祸首在哪里。 我试图调试它,但找不到真正导致这些错误的原因。 错误:未捕获的类型错误:store.getState 不是函数
有什么解决办法吗?
这是一个产生错误的错字: TypeError: store.getState is not a function
错误的
const store = createStore(()=>[], {}, applyMiddleware);
正确的
const store = createStore(()=>[], {}, applyMiddleware());
请注意applyMiddleware
上添加的括号()
。
请注意,在您的Routes.js
, store
未正确初始化。 您应该添加这些行:
const initialState = {};
const store = configureStore(initialState, browserHistory);
就像在你的index.js
文件中一样。
我正在这样做(动态要求)..
const store = require('../store/app')
state = store.getState()
但是出于某种原因,在使用require
而不是import
您必须这样做..
const store = require('../store/app')
state = store.default.getState()
希望它会有所帮助,但在我的情况下,我收到此错误,因为我的商店如下所示,这是一个函数:
const store = preloadedState => {
let initialState={}
//some code to modify intialState
return createStore(reducer, initialState)
}
但在 index.js 中,我将 store 作为函数传递,而不是它返回的值。
<Provider store={store}>
<MyApp />
</Provider>
<Provider store={store()}>
<MyApp />
</Provider>
不确定这是否会有所帮助,但您从 react-redux 库中命名了 import { Providers } 而不是 { Provider } 。
这就是解决方案,祝你好运🤞
import { applyMiddleware, combineReducers, createStore } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";
import thunk from 'redux-thunk'
const reducer = combineReducers({
products: []
})
const middleware = [thunk]
const store = createStore(
reducer,
composeWithDevTools(applyMiddleware(...middleware))
)
export default store
<Provider store={store().store}>
<MyApp />
</Provider>
在 index.js 中,我们必须提供store()
方法作为 props 值而不是store
。
<Provider store={store()}>
{routes}
</Provider>
更新了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')
);
TypeError: store.getState is not a function - 当您没有正确初始化中间件函数时,通常会发生此错误。 您需要做的如下
您需要在 applyMiddleware ( ) 函数上添加括号,然后它会按照您的预期运行。
const store = createStore(()=>[], {}, applyMiddleware());
用 store() 替换 store 对我有用。 写在下面:
<Provider store={store()}>
{routes}
</Provider>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.