将React-Admin ReferenceInput绑定到SelectInput以在DOM上呈现

Question

我有两个端点

api /指令api / subject

从我的服务器，模型说明有一个名为subject的参考字段。

在我的react-admin前端，我想创建（CRUD）一个新的指令实例。

在this tutorial之后，我已经实现了我的InstructionCreate，如下所示

export const InstructionCreate = (props) => (
    <Create  title="New Instruction"{...props}>
        <SimpleForm>
             <ReferenceInput label="Subject" source="subject" reference="subject/">
                <SelectInput optionText="name" />
            </ReferenceInput>   
        </SimpleForm>
    </Create>

当我从chrome控制台渲染我的Create组件时，在networktab下，我可以看到返回的主题对象列表。

该列表有两个对象（从服务器拉出），对象有一个属性'name'

但是，我收到控制台错误

未捕获的TypeError：无法读取未定义的属性“数据”

上面的错误发生在

如果一个人需要我的app.js，我可以从中成功地CRUD api / subject端点

const App = () => (    
     <Admin 
         dataProvider={dataProvider}  

         <Resource name="subject" title="Subjects" list={SubjectList} create={SubjectCreate} edit={SubjectEdit}  icon={GroupIcon}/>
         <Resource name="instruction" title="Instructions" list={InstructionList} edit={InstructionEdit} create={InstructionCreate} icon={InstructionIcon}/>

     </Admin>
     );

GET api / subject - 返回字典列表

[{“id”：2，“name”：“Subject 2”}，{“id”：1，“name”：“Subject 1”}]

Answer 1

我能够解决这个问题。错误是我在参考var上包含一个尾随'/'

改变了这一行

<ReferenceInput label="Subject" source="subject" reference="subject/">

至

<ReferenceInput label="Subject" source="subject" reference="subject">