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

あなたはsourceが欠落しています小道具はReferenceInputです。したがって、それは価値を見つけることができません。 UserReferenceInputの中に直接定義するか、フォーム内のUserReferenceInputの小道具として渡すことができます。

編集

ReferenceInputにaddLabel小道具を使用しないでください、それはそれをサポートしていません。代わりに、子供のSelectInputに適用してください。