reactjs material-ui如何设置自动完成的样式，它总是覆盖文本字段

Question

我在自动完成方面遇到了一些问题。

我的API返回了大量数据，当我在自动填充搜索栏中输入单词时，下拉列表会隐藏文本输入。

我试图覆盖样式：

<AutoComplete
    hintText="For example, Coca-Cola"
    floatingLabelText="Search entities"
    onUpdateInput={this.updateInput}
    dataSource={autoCompleteDataSource}
    filter={this.caseInsensitiveFilter}
    menuStyle={styles}
    ref="searchBox" />


 var styles = {
   top: '53%'
 };

但这根本不起作用（也许我试图以错误的方式覆盖它？）。

有人对此有所了解吗？

非常感谢！

Answer 1

使用anchorOrigin，它是自动完成的锚点的位置。它有一个默认值{vertical：'bottom'，horizo​​ntal：'left'}。