reactjs - React-Admin AutocompleteInput 中是否有类似 Material-UI Autocomplete freeSolo 的东西

Question

我正在使用 React-Admin，我知道 React-Admin 正在使用 Material-UI，但我找不到类似 Material-UI Autocomplete freeSolo 的东西。实际上，我追求的是一种不会强制我选择元素的 AutocompleteInput。 freeSolo 就是这样工作的。

我只是想确保如果 React-Admin 中不存在它，那么我创建一个新元素。

目前，我知道我可以使用我的自定义选项定义 AutocompleteInput，如下所示:

const choices = [
  { id: 123, first_name: 'Leo', last_name: 'Tolstoi' },
  { id: 456, first_name: 'Jane', last_name: 'Austen' },
];
const optionRenderer = choice => `${choice.first_name} ${choice.last_name}`;
<AutocompleteInput choices={choices} optionText={optionRenderer} />

但是由于选择太多，我不得不从我的 RESTful Web 服务中获取数据。它也不允许我将自定义文本(列表中不存在的文本)放入文本输入中。我的意思是在自动完成建议消失后，文本输入被清除。

我尝试使用:

import Autocomplete from '@material-ui/lab/Autocomplete';

但“自动完成”不存在。 @material-ui/lab 只包括 AutocompleteArrayInput 和 AutocompleteInput 。我还安装了 @material-ui/core 但它不允许我使用它。

Answer 1

AutoComplete不属于 @material-ui/core它在 @material-ui/lab ，你需要安装它。

您还需要确保您拥有正确版本的 @material-ui/lab
此解决方案因您用于安装的包管理器而异。

如果您使用 yarn :
你可以升级到最新版本的包(那里会有一些突破性的变化)

yarn upgrade @material-ui/lab --latest

如果您使用的是 npm:

npm install @material-ui/lab@latest

确保您了解 lab 的使用，在某些时候，此功能将转移到核心，您需要调整自己以适应它。您可能需要使用 latest标志强制包管理器更新并忽略破坏性更改。