Manually handle the `onChange`?

Bug, Feature, or Question?

Question/Feature?

Current Behavior

I have a custom dropdown component that returns on onChange just the array of selected options. I can’t find a way to make it play nicely with Formik.

Desired Behavior

I’d like to be able to manually handle the onChange call so that I can manually define which field is being modified and with what data.

Suggested Solutions

Something like:

handleChangeManually({
  name: 'something',
  value: [1, 2, 3]
});

[jaredpalmer]

You can use setFieldValue('something', [1,2,3]) and wrap your input in a custom component.

[pastinepolenta]

On my custom component I did:

onChange(val) {
    this.props.form.setFieldValue(this.props.name, val, true);
    this.props.form.setFieldTouched(this.props.name, true, false);
}

in order to trigger the change and also the validation, and the ErrorMessage shows up correctly

The onChange prop of the Form (Formik) though, does not seem to trigger