首页 > 解决方案 > ReferenceInput 未填充 react-admin 中编辑表单中的下拉列表

问题描述

我有一个 API 响应,其中每个对象如下所示:

      {
        "id": 13057,
        "latitude": 1.0,
        "longitude": 1.0,
        "filename": "20190917-222136-22.wav",
        "volume": 1.0,
        "submitted": true,
        "created": "2019-09-17T22:21:37.074227",
        "updated": "2019-09-17T22:21:37.074227",
        "user": {
            "id": 19,
            "username": "test",
            "first_name": "",
            "last_name": "",
            "email": "",
            "device_id": "",
            "client_type": "iPhone"
        },
        "media_type": "audio",
        "tag_ids": [3,5,4],
        "project_id": 15
    }

我想使用 aReferenceField直接链接到 React Admin 中的正确用户对象。这适用于我的列表视图,但不适用于我的编辑表单。

<ReferenceInput source="user.id" reference="users" >
  <SelectInput source="username" />
</ReferenceInput>

这会在我的编辑表单中生成一个空的下拉框,而不是为所有用户填充user.username字符串的预期下拉框。

我使用几乎相同的代码来产生所需的结果project_id

<ReferenceInput label="Project" source="project_id" reference="projects">
  <SelectInput source="name" />
</ReferenceInput>

我能看到的唯一区别是我引用的是 User 的嵌套字段,source而不是简单的顶级字段,但就像我说的那样,这种方法在 List 视图中可以正常工作。

标签: reactjsreact-admin

解决方案


推荐阅读