如何解决如何在材质ui reactJS中使用useAutoComplete的同时使用popperComponent Props
我想使用useAutocomplete更改波普尔的位置我可以很容易地通过autocomplete来做到这一点，但是我想通过useAutocomplete来做到这一点
解决方法
您可以将列表包装在popper元素中，并使用放置道具指定位置。
注意：您必须将popper元素与input元素绑定在一起才能在文本框的正下方显示它。
<Popper open={Boolean(anchorEl)} anchorEl={anchorEl} placement="right">
{groupedOptions.length > 0 ? (
<ul className={classes.listbox} {...getListboxProps()}>
{groupedOptions.map((option,index) => (
<li {...getOptionProps({ option,index })}>{option.title}</li>
))}
</ul>
) : null}
</Popper>
您可以在此处找到实现：
popper元素的放置属性采用以下值： “底端” | “自下而上” | '底部' | “左端” | “从左开始” | '剩下' | “右端” | “正确开始” | '对' | '高端' | “自上而下” | “顶部”
当前useAutocomplete和autocomplete在material-ui实验室下。这是仅使用react material-ui核心组件的自动完成功能的完整实现：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
