我正在使用react和redux格式创建一个简单的登录表单。 当我尝试控制表单中输入的值时,我得到了未定义。
import React, { Component } from 'react';
import { reduxForm } from 'redux-form';`enter code here`
class Signin extends Component {
handleFormSubmit({email, password}){
console.log(email,password);
// this.props.signinUser({email,password});
}
render(){
const { handleSubmit, fields: { email, password }} = this.props;
return (
<form onSubmit={handleSubmit(this.handleFormSubmit.bind(this))}>
<fieldset className="form-group">
<label>Email:</label>
<input className="form-control" {...email} />
</fieldset>
<fieldset className="form-group">
<label>Password:</label>
<input className="form-control" {...password} />
</fieldset>
<button action="submit" className="btn btn-primary">Sign in</button>
</form>
);
}
}
export default reduxForm({
form: 'signin',
fields: ['email', 'password']
})(Signin);
答案 0 :(得分:1)
我想出了这个问题。
我关注的教程是一年之久,并且正在使用旧版本的Redux Form,它接受此表单中的输入。但是在安装模块时,我安装了最新版本。感谢。