有沒有辦法強制Show使用Datagrid？

Question

我正在尋找一種方法來允許Show能夠在顯示頁面上使用Datagrid。我希望能夠點擊顯示按鈕，當顯示頁面出現時，我希望能夠使用Datagrid或類似的東西獲取數據並創建另一個網格。任何想法如何做到這一點？

Answer 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} />