NextJS 中的组合框

Question

在 NextJS Web 应用程序中使用组合框的最简单方法是什么？

虽然问题看起来很基本，但我在网上查看过，但没有找到任何简单且有效的解决方案。

Answer 1

您可以尝试使用 MUI 的 Autocomplete 组件。 。 “自动完成是一种普通的文本输入，由一组建议选项增强。 该小部件对于在两种类型的场景之一中设置单行文本框的值非常有用：

1. 文本框的值必须从一组预定义的允许值中选择，例如位置字段必须包含有效的位置名称：组合框。
2. 文本框可以包含任何任意值，但向用户建议可能的值是有利的，例如搜索字段可以建议类似或以前的搜索以节省用户时间：自由独奏。”