Redux-form: display a list of errors on top of a page

Question

I want to use Redux-form in a manner that changes input color & displays the actual error on top of the page. How do I access the list of current field errors outside the fi

Answer 1

You can use the state selectors provided by redux-form.

In particular, getFormSubmitErrors will give you the submit validation errors:

import { getFormSubmitErrors } from 'redux-form';

// ...

const MyFormWithErrors = connect(state => ({
  submitErrors: getFormSubmitErrors('my-form')(state)
}))(MyForm);

The original, unconnected MyForm component might look like this:

const MyForm = reduxForm({
  form: 'my-form',
})(ManageUserProfile);

If you want to display the synchronous validation errors, you can use the getFormSyncErrors selector instead.