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' }。