javascript - 静态管理自定义输入

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 属性。因此，它无法找到它的值(value)。您可以直接在 UserReferenceInput 内定义它，也可以将其作为 prop 传递给表单中的 UserReferenceInput。

编辑

不要在 ReferenceInput 上使用 addLabel 属性，它不支持它。相反，请将其应用于 SelectInput 子项。