2017-07-19 137 views
1

我已经开始反应,正在尝试一些东西。但我不断地“从这里是我的演示配置文件未捕获的类型错误:(0,_reactRedux.combineReducers)不是函数

import React from 'react' 
import { render } from 'react-dom' 
import { createStore, applyMiddleware,compose } from 'redux' 
import { Provider } from 'react-redux' 

import createLogger from 'redux-logger' 
import thunk from 'redux-thunk' 

import App from './containers/App' 
import promise from "redux-promise-middleware" 
import logger from "redux-logger" 

import reducer from "./reducers" 

const middleware = applyMiddleware(promise(), thunk, logger()) 
const store= createStore(reducer,middleware) 
render(
    <Provider store={store}> 
    <App /> 
    </Provider>, 
    document.getElementById('root') 
) 

减速器这个index.js 进口{} combineReducers‘反应 - 终极版’ 导入用户” ./UserReducer”

得到错误sating是 "Uncaught TypeError: (0 , _reactRedux.combineReducers) is not a function
export default combineReducers({ 
    users, 

    } 
) 

用户reducer.js

export default function reducer(state={users:[]},action){ 
    // console.log("inside reducer") 
    switch(action.type){ 
     case "FETCH_USERS":{ 
      console.log("inside reducer",{...state}) 
      return {...state,users:action.payload} 
     } 
    } 
} 

回答

3

combineReducers由 '终极版' 帕茨卡提供ge,而不是'react-redux'。

所以: import { combineReducers } from 'redux' 应该修复它

1

如何改变这个

export default combineReducers({ 
    users, 

    } 
) 

对此

import { combineReducers } from 'redux' 
import users from './users' 

const someApp = combineReducers({ 
    users 
}) 

export default someApp 

而在app.js或者,你把你的路线index.js导入。像这样。

import React from 'react' 
import { render } from 'react-dom' 
import { Provider } from 'react-redux' 
import { createStore } from 'redux' 
import someApp from './reducers' 
import App from './components/App' 

let store = createStore(someApp) 

render(
    <Provider store={store}> 
    <App /> 
    </Provider>, 
    document.getElementById('root') 
) 
+0

它是如何产生影响的,你能解释一下吗? –

相关问题