javascript - 如何在 Material UI 自动完成中仅显示无选项文本

Question

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

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

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

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



我试图在 Prop “noOptionsText”中放置一个条件，但它不起作用。有谁知道该怎么做？

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

Answer 1

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

Material UI 的自动完成中有“打开”的 Prop 。我只是提出了一个条件:

open={lenght >= 3}

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