如何将 React admin AutoCompleteInput 与远程数据一起使用？

Question

我正在使用 react admin 为我的客户开发一个新面板。我想使用AutoCompleteInput。但是我在文档和在线找到的所有示例都显示了在同一组件中定义的简单静态数据。

我想将AutoCompleteInput 用于从我的 API 检索到的项目列表。

我该怎么做？

Answer 1

您可以按照文档中的说明在 ReferenceInput 中使用 AutocompleteInput：https://marmelab.com/react-admin/Inputs.html#autocompleteinput

import { AutocompleteInput, ReferenceInput } from 'react-admin';

<ReferenceInput label="Post" source="post_id" reference="posts">
    <AutocompleteInput optionText="title" />
</ReferenceInput>

这意味着您必须在管理员中使用 Resource 组件声明引用的资源。

如果您想直接从远程源获取数据，那么我建议您改用 Material-ui 的自动完成功能。 React-Admin 不是 UI 库。