如何在"react-admin"“显示"菜单中设置更复杂的布局?和“修改"和“创建"屏幕? [英] How do I have more complex layouts in `react-admin` "Show" and "Edit" and "Create" screens?

问题描述

我正在尝试以react-admin为基础.基本结构是这样:

I'm trying to build on react-admin. The base structure is this:

<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>

推荐答案

我们需要更新我们的文档.我们最近将组件与逻辑解耦，即在 ra-core 包中将XXXController(ListController，CreateController等)命名为，在 ra-ui-中将UI组件(List，Create等)命名为逻辑materialui 程序包由控制器控制.

We need to update our documentation about this. We recently decoupled components with logic, that we name XXXController (ListController, CreateController, etc) in the ra-core package and UI components (List, Create, etc) in the ra-ui-materialui package which the controllers.

将 react-admin 包考虑为带有material-ui UI的react-admin分发版.如果需要大量定制，则可以直接使用控制器.

Think about the react-admin package as a distribution of react-admin with material-ui UI. When heavy customization is needed, you can use the controllers directly.

现在，您必须浏览源代码以完全了解如何使用它们.

For now, you'll have to explore the source code to fully understand how to use them.

这是一个例子:

import { ShowController, ShowView, SimpleShowLayout, TextField } from 'react-admin';

const UserShow = props => (
    <ShowController {...props}>
        {controllerProps => 
            // You're on your own here
        }
    </ShowController>
);

这篇关于如何在"react-admin"“显示"菜单中设置更复杂的布局?和“修改"和“创建"屏幕?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！