30 lines
723 B
TypeScript
30 lines
723 B
TypeScript
import {
|
|||
|
|
ReferenceManyField,
|
||
|
|
Show,
|
||
|
|
TextField,
|
||
|
|
Datagrid,
|
||
|
|
EmailField,
|
||
|
|
SimpleShowLayout,
|
||
|
|
ReferenceField,
|
||
|
|
} from "react-admin";
|
||
|
|
|
||
|
|
export const PostShow = () => (
|
||
|
|
<Show>
|
||
|
|
<SimpleShowLayout>
|
||
|
|
<ReferenceField source="userId" reference="users" />
|
||
|
|
<TextField source="id" />
|
||
|
|
<TextField source="title" />
|
||
|
|
<TextField source="body" />
|
||
|
|
<ReferenceManyField target="postId" reference="comments">
|
||
|
|
<Datagrid>
|
||
|
|
<TextField source="postId" />
|
||
|
|
<TextField source="name" />
|
||
|
|
<TextField source="id" />
|
||
|
|
<EmailField source="email" />
|
||
|
|
<TextField source="body" />
|
||
|
|
</Datagrid>
|
||
|
|
</ReferenceManyField>
|
||
|
|
</SimpleShowLayout>
|
||
|
|
</Show>
|
||
|
|
);
|