如何在react-admin中控制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字段的SelectInput属性之类的对象。

预期的这样做方式是什么？

Answer 1

我认为您的自定义SubstanzField组件几乎就在那里。只需使用MUI样式的组件即可制作自己的ChipField外观组件并将其直接传递到SingleFieldList

MUI Chips docs

不知道您是否期望使用更复杂的解决方案，但这对于您的情况应该足够简单和灵活。