如何添加浮动标签以进行反应选择?

时间:2018-08-26 06:01:38

标签: reactjs material-ui react-select

我正在尝试使用MaterialUI theme来构建Web应用程序,并且我需要使用自动完成功能。事实证明,MUI v2没有自动完成功能,文档建议使用替代方式。 react-select具有我需要的所有功能-但我无法弄清楚如何使其看起来与其他控件类似-特别是当用户开始键入或单击下拉菜单时,如何使浮动标签浮动。

我做了什么:

  • 创建了一个组件(IntegratedSelect),该组件使用来自this demo的react-select
  • this file克隆到CustomAutocomplete.jsx中,并将@foreach ($products as $product) <h3>{{ $product->name }}</h3> <input type="number" class="quantity" /> <button id="btn-buy" class="select-buy">Buy</button> @endforeach 替换为<Input>
  • 修改后的代码以将id传递给IntegratedSelect并将该id设置为Select控件

..并尝试了许多其他方法(设置引用,使用@ material / react-floating-label中的FloatingLabel等)..没有运气。

能否请您告知我如何触发标签上的浮动,或以其他方式连接带有浮动标签的反应选择控件? 任何帮助将不胜感激!

关于, VB


P.S。要点添加:https://gist.github.com/mspclaims/e07bf1ff657fa8eb4756bc0514a164fe

0 个答案:

没有答案