Reactjs 即时自动完成-材料界面

我们正在开发一个表单。表单包含症状的自动完成字段。我们使用react作为前端和materialui模块来实现autocomplete（）。为了实现以下功能，我们创建了2个API

如果用户开始键入例如“dia”，则第一个api将调用，然后将调用api并从api得到响应，即“diabetes”。因此，我们需要在ide文本字段的值中填入“diabetes”。“betes”字符应带有浅黑色字体，同时建议API应调用并显示建议（除糖尿病管理）

在我的例子中，第一个API正在调用。建议不断涌现但无法在文本字段中显示带有浅黑色字符（ex-diabetes）的完整单词。

你能帮我处理这个问题吗

---

谢谢。

尝试使用

join（）

方法，或者查看此链接，他们几乎达到了您的目的@GayatriDipali提供的链接行为不同。若你们看到我的屏幕截图，若你们输入“dia”，那个么“diabetes”应该出现在文本字段中。无论你提供的链接是什么，如果我输入国家名“alb”，那么“阿尔巴尼亚”需要进入文本字段，但它不会出现。我知道，但无论你输入什么，都会突出显示，也许经过一点更改，你也可以实现你的目标，你能给出一个具有该功能的示例站点吗