react-final-form

There are many situations in which we might want to set the value of a specific field within a form to help out the user. For example, an online fruit store may ask users how many apples they want to buy. To help users out, we could have 3 buttons such as "minimum" - sets field value to the minimum quantity the store can feasibly sell "maximum" - ditto, but for max "what I bought last time" - sets field value to the quantity of apples the user bought the last time After going over what I thought were the two most relevant examples ( Loading and Initializing Values and Calculated Fields ), I

I'm using a custom component with react-final-form . On input change it sets the value to the address field. But when the input is cleared it doesn't update the value of the field. So I'm trying to do it with form mutators. I have already added a mutator for clearing the field: mutators={{ clear: ([address], state, { changeValue }) => { changeValue(state, "address", () => undefined); } }} I tried to add it to my custom onChange function, but it doesn't work. onChange={event => props.input.onChange !== undefined ? props.input.onChange({ value: event }) : form.mutators.clear } Or maybe this can