Как управлять отображаемым текстом ChipField в реагирующем админе?

Question

По умолчанию ChipField может показывать только содержимое поля, по крайней мере, так говорится в документации. В приведенном ниже примере отображается содержимое поля name.

   <ReferenceArrayField source="substances" reference="substances" label="Substanzen">
      <SingleFieldList>
         <ChipField source="name" />
      </SingleFieldList>
   </ReferenceArrayField>

Однако я хочу, чтобы ChipField отображал текст, объединенный из информации из нескольких полей:

const Substanz = ({ record }) =>  {
    return record.name+" ("+record.unit+")";
};

<ReferenceArrayField source="substances" reference="substances" label="Substanzen">
   <SingleFieldList>
      <ChipField source={<Substanz />} />       <---- this does not work!
   </SingleFieldList>
</ReferenceArrayField>

, но к сожалению, source принимает только имя поля, а не объект, подобный OptionText prop поля SelectInput.

Каков ожидаемый способ сделать это?

Answer 1

Я думаю, что вы почти там со своим пользовательским SubstanzField компонентом. Просто используйте MUI стилизованный компонент, чтобы создать свой ChipField -подобный компонент и передавайте его прямо в SingleFieldList

MUI Chips docs

Дон Не знаю, ожидали ли вы более сложного решения, но оно должно быть простым и достаточно гибким для вашего случая.