[Feature Request]: Set a Field's Value From Another Field's onChange

[christinanate]

Description

I need an update to one field's value to also update another field's value.

Describe the solution you'd like

 <Form onSubmit={(values) => console.log(values)}>
      {({ value: formValues }) => (
    <Field>
              {({ value, setValue }) => (
                <>
                  <Select
                    onChange={(value) => {
                      setValue(value)
                      formValues.setFieldValue('anotherField') = 'new value'
                    }}
                  >
                   ...
      </Field>
)

The onSubmit function's values should log both fields updated values.

Describe alternatives you've considered

No response

[babycourageous]

Hi! I'm stumbling onto the same bump in the road... did you ever find any solution to this?

I thought mebbe directly changing the value from the Form render prop would do the trick but alas looks like that only takes effect after another form item is dirtied.

[GuilhermeAmado]

Any updates on this?

[Qnedy]

the only way I was able to do this was, inside the onChange, get from DOM the input element with the name I want to change the value, and programmatically change its value :/

there is also a functionality in the Field called listenTo that can work for you @christinanate. But I still think that you will have to manipulate DOM elements. The only form method the callback function from onChangeValidate (for example) gives you is the getFieldValue.