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

问题描述

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

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

我该怎么做？

解决方法

您可以按照文档中的说明在 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 库。