如何在"react-admin""Show"和"Edit"和"Create"屏幕中拥有更复杂的布局？

Question

我正在尝试在react-admin上构建。基础结构是这样的：

<Show {...props} >
<SimpleShowLayout>
<TextField source="id" />
<TextField source="name" />
</SimpleShowLayout>
</Show>

我想做这样的事情：

<Show {...props} >
<div className="row">
<div className="col-sm-6">
<TextField source="id" />
</div>
<div className="col-sm-6">
<TextField source="name" />
</div>
</div>
</Show>

Answer 1

我们需要更新有关此的文档。我们最近将组件与逻辑解耦，我们在ra-core包中命名XXXController(ListController，CreateController等(和控制器ra-ui-materialui包中的UI组件(List，Create等(。

将react-admin包视为具有材料UI UI的react-admin发行版。当需要大量自定义时，可以直接使用控制器。

现在，您必须探索源代码以完全了解如何使用它们。

下面是一个示例：

import { ShowController, ShowView, SimpleShowLayout, TextField } from 'react-admin';
const UserShow = props => (
<ShowController {...props}>
{controllerProps => 
// You're on your own here
}
</ShowController>
);