javascript - 使用 React 组件自动完成

Question

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

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

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

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

Answer 1

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