下拉标签输入

Question

我想在我的 reactjs 应用程序中实现标签输入。我现在正在使用 "react-select"。我希望建议向上打开而不是下拉。我进行了很多搜索以找到一些东西，但找不到。有人知道这样做的任何插件或库吗？

这是我目前正在做的事情。但是它是下拉的。

import Select from 'react-select';

 <form role="form" className="select-user sselect-type m-l-20 process-react-select">
                                        <div className="form-group">
                                            <label className="">Assign to</label>
                                            <Select
                                                className="my-cool-select-top"
                                                name="form-field-name"
                                                value={this.state.assignValue}
                                                options={options}
                                                onChange={this.logChange.bind(this)}
                                            />
                                        </div>

Answer 1

尝试设置 vertical-align css 规则：

.sselect-type { vertical-align: top; }

确保规则应用于您的标签，如果它不起作用，请尽量不要将标签放在页面顶部。

Answer 2

对于正在使用 react-select 的人，这里是解决方案

将此添加到您的 css

 div.ReactTags__suggestions{
  top:auto !important
  bottom:100% !important

}

这将解决问题。

下拉标签输入

Drop up for tags input

javascript

reactjs

react-select