javascript - 使用 ReactJS 构建自动完成文本框

标签 javascript reactjs autocomplete

我的想法是将过滤后的用户(建议)列表维护为组件上的状态,当输入更改时,状态会更新。

如何在文本框下方显示过滤后的列表? 一种选择是“datalist”标签(HTML5),但列表已经被过滤,并且该标签的部分功能是过滤。 我无法使用任何库或框架。

英语不是我的母语,如果您发现任何错误,我们深表歉意。

谢谢。

最佳答案

尝试设计库中的组件,例如 Material-UI 自动完成组件 http://www.material-ui.com/#/components/auto-complete

dataSource 属性表示自动完成选项的数组。

关于javascript - 使用 ReactJS 构建自动完成文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42237168/

相关文章:

javascript - Ajax 函数在第二次运行之前没有完成

javascript - evolution.voxeo.com 中的 voiceXML,出现奇怪的错误

javascript - 如何加载外部js文件并在reactjs中使用它们的数据?

reactjs - rtl 支持和配置与语义 ui react

jquery - 让 jQuery 自动完成工作 IntelliJ 10.0.3

javascript - Blob 视频时长元数据

javascript - Graphql 不能返回数组

javascript - 具有 2 个入口点的 React 路由器

com - 带有自动完成功能的 JScript IDE,用于使用 ActiveXObject () 函数创建的 COM 对象

php - Eclipse 自动完成不适用于 PHP 项目