管理静态定制输入

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孩子。