5.3.3: Clear submit errors on field change?

Thanks for this great library!

Is there a way to clear the form-level submit error when field data changes?

The submit error no longer applies once the user has changed their entry, so I want to stop showing it to the user until they’ve tried submitting again. I haven’t been able to find out how to do that.

Note, this code might be slightly off since I edited it for posting here, but any fix that would work for this would work for my site code.

Sample container code:

function mapDispatchToProps(dispatch, ownProps)
{
  return {
    mySubmitHandler: (values) =>{      
      return dispatch(asyncSubmit(values.name, values.email))
      .catch(err=>{
        return Promise.reject({_error: err.message});
      });
    }
  };
}

Sample component code:

const RegistrationDialog = (props) => {
  const { fields: {name, email},
    handleSubmit,
    mySubmitHandler,
    submitting,
    error  } = props;

return (
<form onSubmit={ handleSubmit((values)=>{return mySubmitHandler(values)}) }>
    <input type="text" {...name}/>
    <input type="text" {...email}/>
    { error && <ErrorMessageView message={ error }/> }
    <button>Submit</button>
</form>
);

Alternatively, is there a property to check whether any field data has changed since the submit error happened, that I can use to hide the error message component?

[Didericis]

In 7.1.2 there’s a clearSubmitErrors action creator that you can call in the onChange handler for your form:

export default reduxForm({ 
  form: 'login',
  onChange: (values, dispatch, props) => {
    if (props.error) dispatch(clearSubmitErrors('login'));
  }
})

[The-Code-Monkey]

@Didericis that doesn’t seem to do anything for me as my component i have rendered under a props.submitFailed condition doesnt disappear