管理员休息 - 如何显示一个Datagrid与一个ReferenceField？

问题描述：

在我的API端点之一，我有一个这样的资源：管理员休息 - 如何显示一个Datagrid与一个ReferenceField？

{ 
    "name": "Foo", 
    "anotherField": "anotherValue" 
    "users": [ 
     { 
      "id": "XXX-XXX-XXX-XXX" 
      "firstname": "Clément", 
      "lastname": "Le Biez" 
     } 
    ] 
}

而且我想在Show View与DataGrid组件显示它：

 <Show {...props}> 
     <SimpleShowLayout> 
      <TextField source="id" /> 
      <TextField source="name" /> 
      <TextField source="anotherField" /> 
      {# Here use data grid for display users #} 
      <Datagrid> 

      </Datagrid> 
     </SimpleShowLayout> 
    </Show>

我不在乎关于任何类似的ReferenceField，因为我已经在主实体中拥有用户资源。没有列表或参考组件的使用Datagrid的提示是什么？

请[不要添加“谢谢”]（https://meta.stackexchange.com/questions/115694/why-is-saying-thank-你 - 在 - 问题 - 不良）。 –

答

Datagrid只是一个迭代器组件。它遍历父级提供的“资源”列表。

一看为Datagrid中源代码显示它接受从其父

resource, children, ids, isLoading, data, currentSort, basePath

1）这里的资源将被显示

2）儿童值数组以下性质要显示

3）id（标识）的资源的上述^^

4）isLoading的ID由父提供的各列但是是一个布尔值，尝试设置它的默认值，看看会发生什么

5）basePath是路径的路径。如果您记录传递给您的show组件的道具，您可能会找到它。只需将它传递给datagrid即可。

如果这些都不起作用，那么就知道Datagrid只是MUI表组件顶部的一个薄层。您可以直接使用，并根据您的需求真正定制它

管理员休息 - 如何显示一个Datagrid与一个ReferenceField？

相关推荐