admin-on-rest可重用的输入字段组

时间:2017-11-03 03:03:18

标签: admin-on-rest

我想重用输入字段块。例如在“创建”和“编辑”表单中使用相同的字段组,而不是在多个位置重复代码。

文档显示了一个示例,但它使用<字段>元素并试图使用像<标准元素TextInput>给出错误。 here

是否存在某些范围问题或某些阻止此工作的问题?

我希望以下内容能正常工作:

web.config

1 个答案:

答案 0 :(得分:4)

this类似

您需要使用redux-form中的Field来装饰您的AOR输入并使用AOR中的TextField并按kunal pareek

指示传递{...props}
import React from 'react';
import {
    LongTextInput,
    ImageField,
    ImageInput,
    TextField
} from 'admin-on-rest';
import { Field } from 'redux-form';


const CustomGroupComp = (props) => (
    <div>
        <TextField source="status" {...props} />
        <Field name="staffComment" component={LongTextInput} label="staffComment" {...props}  />
        <Field name="adminComment" component={LongTextInput}  label="resources.faults.fields.adminComment" {...props} />
        <Field multiple name="fileA" component={ImageInput} accept="image/*">
            <ImageField source="path" title="title"/>
        </Field>
    </div>
);

export default CustomGroupComp;