Admin-On-Rest自定义输入

时间:2017-09-29 15:43:52

标签: javascript reactjs redux redux-form admin-on-rest

我有一个用户资源,由许多其他资源引用 所以我想创建一个UserResourceInput:

import React from 'react';
import {ReferenceInput, SelectInput} from 'admin-on-rest';


const UserReferenceInput = (props) => (
    <ReferenceInput reference="user" {...props}>
        <SelectInput optionText="name"/>
    </ReferenceInput>
);
UserReferenceInput.defaultProps = {
    source: 'userId',
    addLabel: true,
    label: 'User'
};

export default UserReferenceInput;

并以简单的形式使用它:

ProductCreate = (props) => (
    <Create {...props}>
        <SimpleForm>
            <TextInput source="title" />
            <NumberInput source="price" />
            <UserReferenceInput />
        </SimpleForm>
    </Create>
);

但是我得到了这个错误: Mockito

1 个答案:

答案 0 :(得分:1)

您错过source上的ReferenceInput道具。因此,它无法找到它的价值。您可以直接在UserReferenceInput内定义,也可以将其作为道具传递给表单中的UserReferenceInput

修改

不要使用addLabel上的ReferenceInput道具,它不支持它。相反,将其应用于SelectInput孩子。