Can't call setTouched and setError

After submitting a form and getting async error responses I want them to be visible on the form. My inputs show an error when form.errors[field.name] && form.touched[field.name]; So I try to both set errors and touch the related fields.

So far I’ve tried:

setErrors(errors)
setTouched(touched)

as well as looping through all errors and calling

setFieldError(key, name)
setFieldTouched(key, true);

In either case, whatever I call second works and the first doesn’t. it looks like setErrors overwrites touched and vice versa.

I also tried setStatus({ errors, touched }), but that didn’t seem to work at all, but maybe I’m using the API wrong here.

• Formik Version: 0.10.5
• OS: macOS
• Node Version: 9.3.0
• Package Manager and version: npm 5.6.0

[jaredpalmer]

See latest version of formik

[jaredpalmer]

setFieldTouched will rerun your validations, unless you’ve set validateOnBlur to false…which are overwriting your call to setFieldError.

Now that you can call validate, I am going to add a third argument to all the setters that lets you prevent calling validation. This will further prevent confusion.