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 wan...

I have a CheckboxGroupInput field like this: <CheckboxGroupInput source="fruits" choices={[ { 'name': 'apples' }, { 'name': 'pears' } ]} optionValue='name'/> which produces json likes ...

I would like to show above the form: "You have unsaved changes" (when the form is not pristine) with "Save" (submit) and "Discard" (reset) buttons. How can I access th...

I have a react-final-form Form. The component exposes the values field. This field contains all the fields changed inside the form. The issue is, I want to access the values from outside of it. &l...

In my app using react-admin I have a few forms where the validation must be performed on the server side. My API (implemented with api-platform) returns a 400 response with a key in its body that c...

Typical material-ui stepper below. export default function HorizontalLinearStepper() { const classes = useStyles(); const [activeStep, setActiveStep] = React.useState(0); const [skipped, setS...

I have a component, that takes a balance prop, and this balance prop can change over time. I then have a React Final Form to send a transaction, with usual fields amount to send, receiver... And i...

Once a form's fields have been validated, submitting doesn't trigger a rerun of the validation. Is there a way I can trigger a rerun of the validation when the form is submitted? I have a form fie...

I am using react-final-form in React App. It's working great! But is there any way to prevent the react-final-form from resetting the input values of the form after user successfully submit the for...

Redux-form "Field" component provides onChange property. A callback that will be called whenever an onChange event is fired from the underlying input. This callback allows to get "newValue" and "pr...

I want to use a TextField from Material-UI with react-final-form (https://github.com/final-form/react-final-form). The main question is "How to get values object?" I cannot get it from TextField....

I have a form created with react-final-form and a validation function that looks like this export const validate = async (values, schema) => { if (typeof schema === 'function') schema = sche...

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 ...

Using React, react-final-form, and the lodash debounce function I would like to validate that a username has not already been used (the field is using react-final-form). I'm having problems gettin...

I'm trying to implement a form with two consecutive dependent Select with react-final-form and material-ui Requirements Both fields are required When user selects a country value city field shoul...

I created a form using react-final-form. autofocus is not working. The only solution I know is to use ref feature of React. Can I autofocus the input using react-final-form library? import React f...

I want to build a form using react-final-form that has multiple submit buttons, where each submit button sets a different value in the form. Essentially, I want to create a form that looks somethin...

I would like to have empty/null properties inside the state when user is deleting the content from an input. If you see on the example the state is empty when user is clearing the input. I use the...