FormRenderProps

Shows whether the Form is ready for submission.

• If allowSubmit is true and the Form is valid, the user can submit the Form.
• If allowSubmit is true and the Form is not valid, a submit sets the

touched and visited state of all fields to true.

Use it to toggle the disabled state of the Submit button.

The key-value pairs of the current errors by field path. They combine the errors from the field-level and form-level validators.

Shows whether the Form is modified. When any field is modified, modified is true. A field becomes modified the first time the Field component handles the change event of its editor.

A callback that changes the value of a specific field without the Field component (see example).

Use onChange only when you cannot get the result you need through the Field component.

A callback that resets the Form.

A callback that submits the Form. You can bind it to the click event of the Submit button.

Shows whether the Form is successfully submitted. Use it to detect when the user leaves the Form before saving the changes.

Shows whether the Form is touched. When any field is touched, touched is true. A field becomes touched when the Field component handles the blur event of its editor or when the user tries to submit the Form.

Shows whether the Form is valid. When any field is not valid, valid is false.

A callback that returns the value of a field without the Field component (see example). Use it to build or change the UI based on the field values.

Shows whether the Form is visited. When any field is visited, visited is true. A field becomes visited when the Field component handles the focus event of its editor or when the user tries to submit the Form.