signin.js

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

class Signin extends Component {
    onSubmit({ email, password }) {
        console.log(email);
        console.log(password);
    }

    renderField(field) {
        return (
            <fieldset className="form-group">
                <label>{field.label}:</label>
                <input
                    className="form-control"
                    type={field.type}
                    {...field.input}
                />
            </fieldset>
        );
    }

    render() {
        return (
            <form onSubmit={this.props.handleSubmit(this.onSubmit.bind(this))}>
                <Field
                    name="email"
                    label="Email"
                    type="text"
                    component={this.renderField}
                />
                <Field
                    name="password"
                    label="Password"
                    type="password"
                    component={this.renderField}
                />
                <button action="submit" className="btn btn-primary">Sign in</button>
            </form>
        );
    }
}

export default reduxForm({
    form: 'signin',
})(SignIn);