将 React-Admin ReferenceInput 与 SelectInput 绑定以在 DOM 上呈现答案

【问题标题】：Binding React-Admin ReferenceInput with SelectInput to render on DOM将 React-Admin ReferenceInput 与 SelectInput 绑定以在 DOM 上呈现
【发布时间】：2019-02-07 16:37:37
【问题描述】：

我有两个端点

api/指令 api/主题

在我的服务器上，模型指令有一个名为主题的参考字段。

在我的 react-admin 前端，我想 CREATE(CRUD) 一个新的 Instruction 实例。

按照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 控制台的 networktab 下渲染我的 Create 组件时，我可以看到返回的主题对象列表。

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

但是，我得到一个控制台错误

未捕获的类型错误：无法读取未定义的属性“数据”

上面的错误发生在

如果有人需要我的 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 - 返回一个字典列表

[ { “身份证”：2， “名称”：“主题 2” }, { “身份证”：1， “名称”：“主题 1” } ]

【问题讨论】：

您使用的是哪个数据提供者？看起来它没有正确返回它的数据
@GildasGarcia 你好，伙计？这就是正在使用的。 >ra-data-simple-rest 请澄清您的回复是什么意思，它不返回其数据
您能否发布针对此特定查询的 API 响应摘录？可能是因为它不是ra-data-simple-rest 提供者所期望的格式
@GildasGarcia 我已经添加了回复

标签： react-admin

【解决方案1】：

我能够解决这个问题。错误在我这边，因为在引用 var 中包含尾随 '/'

改变了这一行

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

到

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

【讨论】：