[英]v6 redux-form, reduxForm() mapDispatchToProps return error
I'm trying to get the form I created with v6 redux-form to render in my App component to display in the browser. 我正在尝试使用v6 redux-form创建的表单在我的App组件中呈现以在浏览器中显示。 However, I get the following error: 但是,我收到以下错误:
Uncaught Error: `mapDispatchToProps` must return an object. Instead received function () {
return computedActions;
}.
My LoginForm component: 我的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 imports LoginForm component: App.js导入LoginForm组件:
import React from 'react'
import LoginForm from '../containers/LoginForm'
export default () =>
<div>
<LoginForm />
</div>
My top-level index.js: 我的顶级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'))
Relevant dependencies: 相关依赖:
"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"
Any Insight to a solution is greatly appreciated! 非常感谢对解决方案的任何洞察力!
通过将react-redux更新到最新版本5.x解决了问题
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.