reactjs中的自定义自动完成控件

Question

我想在reactjs中创建下图中显示的自动完成控件。基本上它是自动完成控制，两个第一部分是静态的，另一个是动态的。动态部分从ajax调用加载数据。我想知道是否有任何可用的自动完成控件提供此功能。如果没有，那么我必须创建自己的自定义控件。所以我想知道任何可用于实现此控件的好例子或可重用代码。

Answer 1

我想推荐这种依赖：react-select。 我在一些项目中使用它，它为您提供了简单的样式定制和React代码的轻松自定义，为您提供添加自定义组件的可能性。

如果您查看此example，可以获得有关如何应用自定义组件进行反应选择的基本概述。

您需要创建一个看起来像您的图像的自定义组件，但react-select将为您处理其他事情，并为您提供轻松的自定义。