如何在 Material UI 自动完成中仅显示带有条件的 NoOptionsText

How to show NoOptionsText only with condition in MaterialUI Autocomplete

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

您想获取数据库中的所有 Pedros,然后键入 "Ped",它只会为您带来以 "Ped".

开头的结果

问题是当我点击自动完成时,它立即显示 "No options" 消息,例如

我希望它只在我输入 3 个字符后显示,但它没有在数据库中找到任何 "Ped",例如:

我试图在 prop "noOptionsText" 中添加一个条件,但没有成功。有人知道怎么做吗?

编辑:不使用 freeSolo,选项需要是一个对象

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

Material UI 的自动完成中有道具 "open"。我只是提出了一个条件:

open={lenght >= 3}

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