NewPersonForm.js

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

class NewPersonForm extends Component {
    static propTypes = {

    };

    componentWillReceiveProps = (nextProps) => {
        const {submitSucceeded, reset} = this.props;

        if (nextProps.submitSucceeded === true && nextProps.submitSucceeded !== submitSucceeded) {
            reset('person');
        }
    }

    render() {
        return (
            <div>
                <form onSubmit={this.props.handleSubmit}>
                    <Field name="firstName" label="first name" component={ErrorField}/>
                    <Field name="lastName" label="last name" component={ErrorField}/>
                    <Field name="email" label="email" component={ErrorField}/>
                    <div>
                        <input type="submit" />
                    </div>
                </form>
            </div>
        )
    }
}

function validate({firstName, email}) {
    const errors = {}
    if (!firstName) errors.firstName = 'first name is required'

    if (!email) errors.email = 'email is required'
    else if (!validateEmail.validate(email)) errors.email = 'email is invalid'

    return errors
}

export default reduxForm({
    form: 'person',
    validate
})(NewPersonForm)