在 Reactjs 中,我使用 Material UI(核心 v4.12.3,实验室 4.0.0-alpha.60)自动完成功能,它已设置为多选下拉菜单,并且我无法保持菜单打开。每当选择一个选项时,弹出菜单就会关闭,我必须再次手动打开它才能选择另一个选项。
我已经设置了disableCloseOnSelect={true} 但还是不行
环顾四周,我认为问题可能与我使用 onChange 将所选值保存到状态有关。有没有任何解决方法可以让disableCloseOnSelect正常工作?我认为一种方法可能是通过保存到状态来手动处理打开/关闭菜单,但由于我有几个这样的下拉菜单,管理所有这些下拉菜单的状态似乎并不好
<Autocomplete
disableCloseOnSelect
/>
这就是您需要的财产;)
需要注意的是,blurOnSelect 和disableCloseOnSelect 似乎会导致相反的操作:
<Autocomplete
blurOnSelect
disableCloseOnSelect
/>
如果您使用blurOnSelect,无论您是否设置了disableCloseOnSelect,它都会模糊选择关闭菜单上的输入。