在 React-Admin 中计算来自 ArrayField 或 Datagrid 的条目

Question

如何计算数组字段的长度并将其输出为文本字段或数字字段？

工作并输出 DataGrid 的 ArrayField 代码

               <ArrayField source="re_benutzers">
                    <Datagrid>
                        <TextField source="vorname" />
                    </Datagrid>
                </ArrayField>

来源：（来自 Strapi）

 {
    "id": 5,
    "name": "sdf",
    "re_benutzers": [{
        "id": 1,
        "vorname": "Something",
    },

^这可以容纳多个条目，我想输出计数。

Answer 1

您可以使用 FunctionField 组件执行此操作： https://marmelab.com/react-admin/Fields.html#functionfield:

<FunctionField label="Count" render={record => `${record?.re_benutzers?.length ?? ""}`} />

Answer 2

我认为您可以为此使用自定义组件而不是 DataGrid。

ArrayField 将注入在列表上下文中检索到的所有 ID。所以你可以这样做：

const LengthField = (props) => {
    const { ids, loaded } = useListContext(props);
    
    return loaded ? ids.length : null;
};
// And then
<ArrayField source="re_benutzers">
    <LengthField />
</ArrayField>

在 React-Admin 中计算来自 ArrayField 或 Datagrid 的条目

Count Entries from ArrayField or Datagrid in React-Admin

react-admin