Material-UI 自动完成弹出菜单不会保持打开状态

问题描述 投票:0回答:2

在 Reactjs 中,我使用 Material UI(核心 v4.12.3,实验室 4.0.0-alpha.60)自动完成功能,它已设置为多选下拉菜单,并且我无法保持菜单打开。每当选择一个选项时,弹出菜单就会关闭,我必须再次手动打开它才能选择另一个选项。

我已经设置了disableCloseOnSelect={true} 但还是不行

环顾四周,我认为问题可能与我使用 onChange 将所选值保存到状态有关。有没有任何解决方法可以让disableCloseOnSelect正常工作?我认为一种方法可能是通过保存到状态来手动处理打开/关闭菜单,但由于我有几个这样的下拉菜单,管理所有这些下拉菜单的状态似乎并不好

reactjs autocomplete material-ui
2个回答
7
投票
<Autocomplete
  disableCloseOnSelect
/>

这就是您需要的财产;)


0
投票

需要注意的是,blurOnSelect 和disableCloseOnSelect 似乎会导致相反的操作:

<Autocomplete
  blurOnSelect
  disableCloseOnSelect
/>

如果您使用blurOnSelect,无论您是否设置了disableCloseOnSelect,它都会模糊选择关闭菜单上的输入。

© www.soinside.com 2019 - 2024. All rights reserved.