【问题标题】:react-admin ReferenceInput and Autocomplete not showing result as I type inreact-admin ReferenceInput 和 Autocomplete 在我输入时不显示结果
【发布时间】:2022-10-26 02:57:32
【问题描述】:

我很喜欢使用 react-admin 以及这个前端对于一些仪表板开发来说是多么有前途,

我按照教程 react-admin + loopback 4 并尝试使用 ReferenceInput + Autosuggestion 过滤长列表,如此处所述

部门列表正确显示在下拉列表中,如果我选择一个项目,则列表会按应有的方式过滤,但是如果我输入,结果是一个空的下拉列表,结果是“无选项”。

在传递之前我是否必须在某处填充列表?还是我错过了什么?下面是我尝试按部门过滤的机器列表示例。

非常感谢

const machineFilters = [
  <ReferenceInput
    source='department_id'
    reference='departments'
    alwaysOn={true}
  >
    <AutocompleteInput />
  </ReferenceInput>,
  
];

如果我手动输入一些选项(我只尝试了一个),输入似乎可以工作,尽管我认为我不需要根据 RA 的文档提供选择

提示:如果你想用一个列表填充选项属性 相关记录,你应该用 , 并将选项留空

【问题讨论】:

    标签: filter autocomplete react-admin


    【解决方案1】:

    您可能需要调整 &lt;AutocompleteInput filterToQuery&gt; 属性,以便将用户输入的字符串转换为您想要的过滤器。像这样的东西:

    <AutocompleteInput filterToQuery={string => ({ name_ilike: `%${string}%` })} />
    

    这个道具记录在这里:https://marmelab.com/react-admin/AutocompleteInput.html#properties

    【讨论】:

      猜你喜欢
      • 2023-02-09
      • 2019-12-05
      • 2021-03-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-12-27
      • 1970-01-01
      相关资源
      最近更新 更多