React-admin ReferenceArrayInput AutocompleteArrayInput 组件不显示预先选择的项目标签

问题描述

我有以下代码：

<Edit {...props} transform={transform}>
      <SimpleForm>

...
 <ArrayField source="sites" label="Selected Sites" fieldKey="id">
          <SingleFieldList key="2" linkType={false}>
            <ChipField source="siteName" />
          </SingleFieldList>
        </ArrayField>

        <ReferenceArrayInput
          source="sites"
          reference="site"
          fieldKey="siteName"
          required={true}
          validate={[required()]}
        >
          
          <AutocompleteArrayInput
            source="id"
            optionText="siteName"
            setFilter={(filter) => {
              return {
                siteName: filter
              }
            }} />
        </ReferenceArrayInput>
      </SimpleForm>
    </Edit>

问题在于 ReferenceArrayInput -> AutocompleteArrayInput 未显示从 GET /sites/:id api 调用返回的已选择 sites，其输出如下：

{
   "createdAt": "2021-07-20T10:06:42.306Z","updatedAt": "2021-07-20T10:06:42.306Z","deletedAt": null,"id": 4,"clientName": "Hank Carter","addressId": 16,"sites": [
      {
         "createdAt": "2021-07-20T10:05:49.950Z","updatedAt": "2021-07-20T10:05:49.950Z","id": 3,"siteName": "SITE =","addressId": 3,"address": {
            "createdAt": "2021-07-20T10:05:49.605Z","updatedAt": "2021-07-20T11:36:16.236Z","addressLine1": "xxxx Circle","addressLine2": "0036 Hickle View","addressLine3": "a","addressLine4": "Lonniesidexxxx","postCode": "13340520","provinceOrRegion": "Pennsylvania","town": "Jaceyview","countryId": 238
         }
      },{
         "createdAt": "2021-07-20T10:06:42.263Z","updatedAt": "2021-07-20T10:06:42.263Z","siteName": "MacGyver,Christiansen and Zemlak","addressId": 15,"address": {
            "createdAt": "2021-07-20T10:06:42.023Z","updatedAt": "2021-07-20T10:06:42.023Z","id": 15,"addressLine1": "Miracle Lodge","addressLine2": "09669 Lynch Garden","addressLine4": "Warrenport","postCode": "44707-5399","provinceOrRegion": "Mississippi","town": "East Rahsaanfort","countryId": 250
         }
      }
   ],"address": {
      "createdAt": "2021-07-20T10:06:42.068Z","updatedAt": "2021-07-20T15:13:09.886Z","id": 16,"addressLine1": "Ashleigh Burgs","addressLine2": "07719 Betsy Trace","addressLine3": "c","addressLine4": "Aliyaburgh","postCode": "ABC123","provinceOrRegion": "Mainddd","town": "Kossburghdd","countryId": 235,"country": {
         "createdAt": "2021-07-20T10:03:22.843Z","updatedAt": "2021-07-20T10:03:22.843Z","id": 235,"countryName": "United Kingdom","countryCode": "GB"
      }
   },"users": []
}

请注意以下事项

• ArrayField -> SingleFieldList -> ChipField 正确显示所选站点名称标签
• ReferenceArrayInput -> AutocompleteArrayInput 不显示所选站点标签，但它保存它们的 ID，因此在保存记录时，关系也会正确保存。
• 如果我想向现有的项目添加额外的项目（不带标签），可以很好地过滤相关网站，并且当我选择一个时，标签也会被添加。看截图@https://imgur.com/zKi9j9D.png

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）