Rest Admin Doc
AdminCreateEditFieldsPropsПример использования в <Show>Пример использования в <List>Создание своего <Field> компонентаFiltersFormsInputsListResourceShow

Комопненты <Fields>

  • <TagField>
  • <TextField>
  • <DateField>
  • <BooleanField>
  • <ReferenceField>
  • <ReferenceManyField>

Компоненты из группы Fields являются readonly полями, необходимы лишь для отображения информации. Обычно используются в List и Show компонентах.

Props

PropsТип
source (required)string
label (optional)string
record (optional)string
reference (optional)string

Пример использования в <Show>

<Show>
    <FieldList>
        <TextField source="id" label="ID" />
        <TextField source="title" label="Title" />
        <TextField source="body" label="Body" />
    </FieldList>
</Show>
`FieldList` - компонент для формирования списка из `Field` компонентов.
В качестве потомков может принимать не только `Field`, но и вложенные `FieldList`, а также другие компоненты отображения.

Пример использования в <List>

const columns: ColumnT[] = [
    {
      title: 'ID',
      source: '_id',
      Field: TextField,
    },
    {
      title: 'Created At',
      source: 'createdAt',
      Field: DateField,
    },
];


<List columns={columns} />;

Создание своего <Field> компонента

Компонент <Field> принимает два обязательных props - record (объкт данных, из которого будут выбраны данные), source - ключ, по которому нужно достать значение и children функцию с аргументов value (значение из объкта record, по ключу source)

<Field record={record} source={source}>
    {(value) => <p>{value}</p>}
</Field>