javascript - 使用 React 组件自动完成

标签 javascript autocomplete reactjs

我想要一个如下所示的自动建议工作流程。我不想显示数字 ID,例如在文本字段中显示 123,而是想显示自定义信息。

enter image description here

虽然我可以用 React 完成剩下的工作,但我仍然需要进行自动完成。我有两个要求:

  1. 选中后,提供丰富数据的回调{id: 123, title:"Prince Hall", info:"123 Foo St"}
  2. 拥有允许我重用 JSX 模板的自定义渲染

JQueryUI 和 Twitter 自动完成具有这两种功能。但是他们的项目渲染采用的是基于字符串,但我想重用基于虚拟 dom 的 JSX 模板。我不想用字符串模板复制/硬编码 JSX 模板。

最佳答案

查看 react-select .它简单、漂亮,目前拥有最多的 Github star。 Live demo here .

关于javascript - 使用 React 组件自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31803890/

相关文章:

php - 如何将 1300 条 CSV 记录输入到 Web 表单中?

javascript - google geocomplete 地点结果中的结果数量

javascript - 在使用 react-router 时有没有办法将参数限制为某些值?

javascript - Preact 渲染的错误组件

javascript - 如何从包含大量数组的大 JSON 文件中发布必要的信息

javascript - 如何在 Javascript 中将 CSS 选择器转换为 XPath?

javascript - 事件源 XHR header

javascript - 是否可以使用 jQuery 隐藏匹配 html 注释上方的元素?

git - 别名 g ='git' 并让 bash 完成仍然有效

带有特殊字符(即 ö、ä、é 或 ß)的 jQuery 自动完成