Admin-On-Rest 自定义输入

Question

我有一个用户资源，它被许多其他资源引用。
所以我想创建一个 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>
);

但我收到此错误：

Answer 1

您缺少 ReferenceInput 上的 source 属性。因此，它无法找到它的价值。您可以直接在 UserReferenceInput 中定义它，也可以将其作为 prop 传递给表单中的 UserReferenceInput。

编辑

不要在ReferenceInput 上使用addLabel 属性，它不支持。而是将其应用于 SelectInput 子级。