如何在 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 个字符并且没有选项时,它会显示无选项文本。
我有一个 Material UI 自动完成功能,它会根据您键入的 3 个字母选择其项目,例如:
您想获取数据库中的所有 Pedros,然后键入 "Ped",它只会为您带来以 "Ped".
开头的结果问题是当我点击自动完成时,它立即显示 "No options" 消息,例如
我希望它只在我输入 3 个字符后显示,但它没有在数据库中找到任何 "Ped",例如:
我试图在 prop "noOptionsText" 中添加一个条件,但没有成功。有人知道怎么做吗?
编辑:不使用 freeSolo,选项需要是一个对象
好的,我刚刚找到一种方法来回答我的问题。
Material UI 的自动完成中有道具 "open"。我只是提出了一个条件:
open={lenght >= 3}
然后它只会在我输入前 3 个字符时打开选项,否则不会打开。另外,当我输入 3 个字符并且没有选项时,它会显示无选项文本。