如何在 MaterialUI 自动完成中仅显示 NoOptionsText 条件

Question

我有一个 Material UI 自动完成功能，它根据您键入的 3 个字母选择其项目，例如：

您想获取数据库中的所有 Pedro，然后键入“Ped”，它只会为您带来以“Ped”开头的结果。

问题是当我点击自动完成它会立即显示消息“没有选项”，比如

我希望它只在我输入 3 个字符后显示，并且在数据库中没有找到任何“Ped”，例如：

我试图在道具“noOptionsText”中放置一个条件，但它没有用。有谁知道怎么做？

编辑：不使用freeSolo，选项需要是一个对象

Answer 1

好的，我刚刚找到了一种方法来回答我的问题。

Material UI 的 Autocomplete 中有道具“open”。我只是提出了一个条件，如：

open={lenght >= 3}

然后它只在我输入前 3 个字符时打开选项，否则它不会打开。另外，当我输入 3 个字符并且没​​有选项时，它会显示无选项文本。