FieldRenderProps

Represents the children that are passed to the Field.

Indicates if the field is modified. The modified state is set to true when the onChange callback for the current field is called for first time.

The name of the field in the Form state.

A callback you have to call when the rendered component is blurred. Responsible for setting the touched state of the Field.

A callback you have to call when the value of the rendered component is changed (see example). The value property of the event takes precedence over target.value.

A callback you have to call when the rendered component is focused. Responsible for setting the visited state of the Field.

Indicates if the field is touched. The touched state is set to true when the onBlur callback is called.

A calculated property based on whether validationMessage is present and the touched state is set to true.

Represents the error message that is returned by the validator. The Field is considered valid if the validationMessage field is empty.

Represents the current value of the Field (see example).

Indicates if the field is visited. The visited state is set to true when the onFocus callback is called.