无法使用Redux窗体获取窗体的更新值

我已经在React应用程序中创建了一个Redux表单,但是如果我填写字段然后提交表单,我输入的值不会传递给 onSubmit 方法。我看不出我做错了什么。。。

import React from 'react';
import { connect } from 'react-redux'; 
import { Field, reduxForm } from 'redux-form'; 
import { Redirect } from 'react-router-dom'; 

import Input from './Input'; 
import MainBtn from '../MainBtn'; 
import requireAuth from '../hocs/requireAuth'; 
import Select from './Select'; 

import { updateUserInfo } from '../../actions/userActions'; 

class UserProfileForm extends React.Component { 

    onSubmit( values ) {
        // In the console I always get an empty array, even though I filled the form's fields
        console.log( values );
    }

    render() {

        const { handleSubmit } = this.props; 

        return (
            <form onSubmit={ handleSubmit( this.onSubmit.bind( this ) ) } noValidate>
                <Field
                    label="Your first name"
                    name="rcp_user_first"
                    component={ Input } />
                <Field
                    label="Your last name"
                    name="rcp_user_last"
                    component={ Input } />

                <Field
                    label="Your postal address"
                    name="rcp_postal_address"
                    component={ Input } />
                <Field
                    label="Your email"
                    name="rcp_email"
                    component={ Input } />
                <Field
                    label="Choose a new password"
                    name="rcp_new_user_pass1"
                    component={ Input } /> 
                <Field
                    label="Confirm your new password"
                    name="rcp_new_user_pass2"
                    component={ Input } />                     
                <MainBtn label="Update your profile" />                                                                                                   
            </form>
        );
    }

}

UserProfileForm = connect(
    null, { updateUserInfo }
)( UserProfileForm ); 

UserProfileForm = reduxForm({
    form: 'UpdateProfileForm'
})( UserProfileForm );

export default requireAuth( UserProfileForm );

Field 组件,如果有帮助:

import React from 'react';

const Input = props => {
    return (
        <div className="input-wrap">
            <label htmlFor={ props.input.name }>{ props.label }</label>
            <input 
                type="text"
                id={ props.input.name }
                defaultValue={ props.meta.initial }
                value={ props.value } />
        </div>
    );
}

export default Input;