无法以redux形式获取表单值?

时间:2017-06-11 20:35:52

标签: reactjs redux-form

我正在使用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);

1 个答案:

答案 0 :(得分:1)

我想出了这个问题。

我关注的教程是一年之久,并且正在使用旧版本的Redux Form,它接受此表单中的输入。但是在安装模块时,我安装了最新版本。感谢。