React JS：如果下面没有空格，请选择下拉列表的顶部到顶部

Question

我正在使用React Select

我希望它的下拉菜单位置动态。假设下面没有空格，则下拉菜单应在选择框上方打开。

<Select
  value={selectedOption}
  onChange={this.handleChange}
  options={options}
/>

是否有任何选项可以使下拉位置动态化？

任何帮助都会很棒。

谢谢。

Answer 1

内部组件：

render() {
    const className = this.state.dropUp ? 'drop-up' : '';

    return (
      <Select {...this.props} className={className} />
    );
  }

并且在css文件中：

.drop-up .Select-menu-outer {
  top: auto;
  bottom: 100%;
}