Question

我正在用react-admin处理一个项目，并试图在ReferenceInputs中使用AutocompleteInputs来过滤列表中的内容。该列表是与两个不同用户（消费者和提供者）有关系的产品。目前，我可以为消费者和提供者提供选择，并可以按其中任意一个过滤产品列表。

但是，我的问题来自于自动建议。这根本不起作用。在AutocompleteInput中键入将不会过滤供使用者或提供者选择的选项。对于提供者，我在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

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

2 个答案: