Dynamically changed validation prop

Are you submitting a bug report or a feature request?

Bug?

What is the current behavior?

If you dynamically change validation prop or render Field without validation prop with name of the field that had this prop before, the validation still remains.

{
    	check === 'yes' ?
          <Field name='lastName' type='text' 
          component={renderField}
          validate={[required]}/> :
              <div><Field name='lastName' type='text' 
          component={renderField} />No validation</div>
    }

https://jsfiddle.net/e8osasy2/4/ In the example:

1. Touch “Last” field (validation error will appear)
2. Change “yes” to any other value

What is the expected behavior?

validation error should go away as soon as validation prop is changed

What’s your environment?

6.5.0

Other informations

[mqklin]

I guess you shouldn’t change validate prop.

Instead you can move validate logic into validate function itself:

const required = (value, allValues) => {
  if (allValues.check !== 'yes') return undefined;
  return value === 'hello' ? undefined : 'Must be polite'; 
}

https://jsfiddle.net/e8osasy2/6/

http://redux-form.com/6.5.0/docs/api/Field.md/#-validate-value-allvalues-props-error-optional-

[danielrob]

@alvelig Thanks for your clear communication throughout this thread. We’ve recently had a change which you can see here: #3094 and read about here: #3211. I suspect this may have fixed or changed the nature of this issue.

Would you be willing to verify on a recent version of redux-form after that change?