RegisteredUserForm.js

import React, { Component } from 'react'
import {reduxForm, Field,reset} from 'redux-form'
import emailValidator from 'email-validator'
import ErrorField from '../common/ErrorField'

class RegisteredUserForm extends Component {
    render() {
        const {handleSubmit} = this.props
        return (
            <div>
                <h2>Add user form</h2>
                <form onSubmit={handleSubmit}>
                    <Field name="firstName" component={ErrorField}/>
                    <Field name="lastName" component={ErrorField} />
                    <Field name="email" component={ErrorField} />
                    
                    <div>
                        <input type="submit" />
                    </div>
                </form>
            </div>
        )
    }
}
const validateName = (param,label,errors)=>{
    
    if (!param) errors[label] = `${label} is required`
        else if (/^[a-zA-Zа-яА-ЯёЁ]$/.test(param)) errors[label] = `invalid ${label}`
}

const validate = ({firstName,lastName, email}) => {
    //debugger
    let  errors = {}

    if (!email) errors.email = 'email is required'
        else if (!emailValidator.validate(email)) errors.email = 'invalid email'
    
    validateName(lastName,'lastName',errors)
    validateName(firstName,'firstName',errors)
    return errors
}


const afterSubmit = (result, dispatch) =>{
    console.log('afterSubmit')
    return dispatch(reset('RegisteredUserForm'));
}


export default reduxForm({
    form: 'RegisteredUserForm',
    onSubmitSuccess: afterSubmit,
    validate
})(RegisteredUserForm)