2017-04-23 78 views
1

我试图让我与V6 Redux的形式创建的形式在我的应用程序组件呈现在浏览器中显示。不过,我得到以下错误:V6终极版形式,reduxForm()mapDispatchToProps返回错误

Uncaught Error: `mapDispatchToProps` must return an object. Instead received function() { 
       return computedActions; 
      }. 

我LoginForm的组件:

import React, { Component } from 'react' 
import { reduxForm, Field } from 'redux-form' 

class LoginForm extends Component { 
    render() { 
    return (
     <form> 
     <div> 
      <label htmlFor="email">Email</label> 
      <Field 
      name="email" 
      component="input" 
      type="text" 
      /> 
     </div> 
     <div> 
      <label htmlFor="password">Password</label> 
      <Field 
      name="password" 
      component="input" 
      type="password" 
      /> 
     </div> 
     <button type="submit">Login</button> 
     </form> 
    ) 
    } 
} 

export default reduxForm({ form: 'login' })(LoginForm) 

App.js进口LoginForm的组件:

import React from 'react' 

import LoginForm from '../containers/LoginForm' 

export default() => 
    <div> 
    <LoginForm /> 
    </div> 

我顶层index.js:

import React from 'react' 
import ReactDOM from 'react-dom' 
import { Provider } from 'react-redux' 
import { BrowserRouter, Route } from 'react-router-dom' 

import reducers from './reducers' 
import configureStore from './store/configureStore' 
import App from './components/App' 

const store = configureStore() 

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

相关DEPE相关内容:

"react-dom": "^0.14.3", 
    "react-redux": "4.0.0", 
    "react-router-dom": "^4.1.1", 
    "redux": "^3.0.4", 
    "redux-form": "^6.6.3" 

任何对解决方案的洞察力都非常感谢!

回答

0

通过更新react-redux到最新版本5.x解决了问题