自动完成输入建议不起作用

Question

我正在 react-admin 中处理一个项目，我正在尝试使用 ReferenceInputs 中的 AutocompleteInputs 来过滤列表中的内容。该列表是与两个不同用户（消费者和提供者）有关系的产品。我目前能够获得消费者和供应商的选择，并通过其中之一过滤我的产品列表。

但是，我的问题出在自我暗示上。它根本不起作用。在 AutocompleteInput 中键入不会为消费者或提供者过滤 select 的选择。我在 ArrayReferenceInput 中有另一个 AutocompleteArrayInput 用于设置类似的提供者，并且自动建议工作得很好。

有什么想法吗？

这是损坏的 AutocompleteInput：

export const ProductFilter = props => (
  <Filter {...props}>
    <ReferenceInput label="Consumer" reference="consumers"  
    source="consumer_user_id" allowEmpty>
      <AutocompleteInput source="id" optionText={FullNameRenderer} />
    </ReferenceInput>
    <ReferenceInput label="Provider" reference="providers" 
    source="provider_user_id" alwaysOn allowEmpty>
      <AutocompleteInput optionText={FullNameRenderer} />
    </ReferenceInput>
    <DateRangeInput alwaysOn />
  </Filter>
)

这是有效的 AutocompleteArrayInput：

export const ConsumerEdit = props => (
  <Edit {...props}>
    <TabbedForm redirect="show">
      <FormTab label="Providers" path="provider_assignmenmts">
        <ReferenceArrayInput label='Assigned Providers' 
        reference='providers' defaultValue={[]} 
        source="provider_ids" allowEmpty>
          <AutocompleteArrayInput optionText={FullNameRenderer}/>
        </ReferenceArrayInput>
      </FormTab>
    </TabbedForm>
  </Edit>
)

Answer 1

在组件 <AutocompleteInput source = "id" optionText = {FullNameRenderer} /> 中，属性 source = "id" 是多余的。

Answer 2

嗯，看起来这是 react-admin 中的一个更大的问题。

https://github.com/marmelab/react-admin/issues/3098

自动完成输入建议不起作用

AutocompleteInput suggestions are not working

autocomplete

react-admin