我正在尝试在React-admin的List视图上呈现动态生成的字段。只要我们将每个字段传递给它进行硬编码,Datagrid都可以正常工作,但是我想根据每个字段的类型动态显示字段(TextField,DateField等)。
为此,我创建了一个名为<RenderType/>
的组件,该组件将对象与每一行的字段作为对象,并动态返回React-admin组件(TextField和DateField),但是不会显示在不同的列中但它会将所有结果都放在一栏中。
import React from 'react';
import { List, Datagrid, TextField, EditButton } from 'react-admin';
export const PostList = (props) => (
<List {...props}>
<Datagrid>
<RenderType>
//In this component, I pass the object of the fields
//and iterate through them and dynamically
//return fields based on the field type
//but I get all fields displayed in one column
</Datagrid>
</List>
);