# Field

> This document is the Markdown version of [formisch.dev/react-native/api/Field/](https://formisch.dev/react-native/api/Field/). For the complete documentation index, see [llms.txt](https://formisch.dev/llms.txt).

Headless form field component that provides reactive properties and state. The field component takes a form store, path to field, and a render function that receives a field store to display field state and handle user interactions.

```tsx
<Field of={…} path={…}>children</Field>
```

## Generics

- `TSchema` `extends FormSchema`
- `TFieldPath` `extends RequiredPath`

## Properties

- `of` `FormStore<TSchema>`
- `path` `ValidPath<v.InferInput<TSchema>, TFieldPath>`
- `children` `(store: FieldStore<TSchema, TFieldPath>) => ReactElement`

### Explanation

The `Field` component is a headless component that doesn't render any UI itself. Instead, it provides a render prop function via the `children` prop that receives a [`FieldStore`](/react-native/api/FieldStore.md) containing all the reactive state and props needed to render a form field.

The component automatically handles field registration, validation, and state management through the `of` prop that references the form store.

## Related

### Hooks

[`useForm`](/react-native/api/useForm.md), [`useField`](/react-native/api/useField.md)

### Components

[`FieldArray`](/react-native/api/FieldArray.md)