有没有办法强制 Show 使用 Datagrid？答案

【问题标题】：Is there a way to force Show to use a Datagrid?有没有办法强制 Show 使用 Datagrid？
【发布时间】：2017-05-25 00:17:51
【问题描述】：

我正在寻找一种方法让 Show 能够在显示页面上使用 Datagrid。我希望能够单击显示按钮，当显示页面出现时，我希望能够获取数据并使用 Datagrid 或类似的东西制作另一个网格。任何想法如何做到这一点？

【问题讨论】：

标签： admin-on-rest

【解决方案1】：

似乎显示页面需要 1 条记录并呈现它。在显示页面上，您可以放置与当前相关的记录。例如news 可以与一个project 相关，而一个project 可以与多个news 相关联。下面的代码从 api 获取所有相关的news 并将其呈现为表格。希望对你有帮助

export const ProjectShow = ({ ...props }) => (
  <Show title={<ProjectTitle />} {...props}>
    <SimpleShowLayout>
      <ReferenceManyField label="News" reference="news" target="project_id">
          <Datagrid>
            <TextField source="id" />
            <TextField source="title" />
            <DateField source="created_at" showTime />
            <DateField source="updated_at" showTime />
            <EditButton />
          </Datagrid>
        </ReferenceManyField>
    </SimpleShowLayout>
  </Show>
);

不记得在 App.js 行中的位置：

<Resource name="projects"  ...another actions... show={ProjectShow} />

【讨论】：

谢谢，这似乎正是我要找的！