2016-12-06 53 views
0

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

enter image description here

+0

有几个自动完成组件可用于响应。我使用过Material-ui的组件,它对我很好。您可以将静态部分添加为一些静态html,并将其显示在自动完成建议旁边。它不需要位于自动完成建议的组件内。 – Pavan

回答

0

我想推荐这种依赖性:react-select。 我已经在一些项目中使用过它,它为您提供了添加自定义组件的可能性,从而使您可以轻松地定制样式并轻松定制React代码。

如果你看一下这个example,你可以得到一个关于如何将自定义组件应用到react-select的基本概述。

您将需要创建您的自定义组件,它看起来像您的图像,但反应选择将为您照顾其他事物并为您提供轻松的自定义。