Reactjs react admin中的自定义显示表单

我尝试在react admin中使用flexbox为show视图创建自定义表单（布局），但我不知道从何处开始

对于创建和编辑视图，我们可以使用react admin docu中解释的“FormWithRedirect”创建自定义视图，例如使用flexbox：

const VisitorForm=props=>(
(
//这里开始自定义表单布局
.....

尝试使用flexbox元素渲染show视图时，不会渲染react admin组件。 演示视图的等效方法是什么？如何在演示视图中使用flexbox

export const PostShow = (props) => (
    <Show {...props}>
        <SimpleShowLayout>
            <Box><TextField source="title" /></Box> // TextField is not rendered.

export const PostShow=（道具）=>(
//文本字段未呈现。

您应该创建一个可选的show layout组件。它将接收一条

记录

道具，其中包含从数据提供程序获取的数据：

const MyShowLayout = ({ record }) => (
  <Box>
      // use record directly
      <Typography>{record.title}</Typography>
      // or use react-admin components by passing record 
      <TextField source="title" record={record} />
  </Box>
);

const MyShowLayout=（{record}）=>(
//直接使用记录
{record.title}
//或者通过传递记录来使用react管理组件
);

然后，在PostShow中使用自定义布局，如下所示：

const PostShow = props => (
    <Show {...props}>
        <MyShowLayout />
    </Show>
);

constpostshow=props=>(
);

渲染时，

组件克隆其子级并传递获取的

记录

const PostShow = props => (
    <Show {...props}>
        <MyShowLayout />
    </Show>
);