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包考虑为带有Material-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>
);

如何在“ react-admin”“显示”，“编辑”和“创建”屏幕中使用更复杂的布局？

1 个答案: