Skip to content

ReferenceInput

Wrapper that fetches possible choices for a foreign key and provides them via ReferenceInputBase + ChoicesContext. Defaults to rendering <AutocompleteInput />.

<ReferenceInput source="category_id" reference="categories" />
<ReferenceInput source="user_id" reference="users">
<SelectInput optionText="username" />
</ReferenceInput>

All props from ReferenceInputBaseProps (resource, source, reference, perPage, sort, filter, queryOptions, etc.).

PropRequiredTypeDescription
sourceRequiredstringForeign key field
referenceRequiredstringTarget resource
childrenOptionalReactElementInput consuming choices (default <AutocompleteInput />)
  • Do NOT pass validate here (component throws if you do). Put it on the child input.
  • Child receives choices through context; omit its own choices prop.