Reactjs:输入文本以选择元素(组合框)

时间:2019-03-22 06:29:20

标签: javascript reactjs

我正在尝试实现react js select元素。我为该元素提供了一组选项,以便用户可以选择。除此之外,我需要为该元素添加一个占位符,并使其能够键入值并在文本框中输入。然后,用户可以为其输入自定义值,也可以从下拉菜单中选择一个元素。

下面是我用于实现select元素的代码段。但这仅允许选择。谁能帮助我实现一个select元素,该元素允许输入文本和占位符。

set(CMAKE_OSX_DEPLOYMENT_TARGET "10.12" CACHE STRING "Minimum OS X deployment version" FORCE)

2 个答案:

答案 0 :(得分:0)

如果您正在寻找短期解决方案。我建议遵循react-select库,它可以帮助您实现所需的目标。

https://react-select.com/home

否则,如果您在此处要求对此进行个人学习,则可以从中学习源代码。

https://github.com/JedWatson/react-select

答案 1 :(得分:0)

您应该使用<input>,然后使用<datalist>。以下是html中的示例,您可以将其转换为react。 请注意,应在id的{​​{1}}属性中添加<datalist>的{​​{1}}

根据DOCS

  

使用输入元素上的list属性将<input>元素连接到datalist元素

input