如何在React-admin的List组件上呈现动态字段

时间:2019-12-13 11:02:05

标签: react-admin

我正在尝试在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>
);

0 个答案:

没有答案