material-ui 禁用选择时关闭并禁止手动修改值

ctrmrzij  于 4个月前  发布在  其他
关注(0)|答案(1)|浏览(36)

重复问题

  • 我搜索了现有的问题

最新版本

  • 我测试了最新版本

总结 💡

我不知道是否可以创建一个下拉式控件,我们可以从列表中选择一个值(手动输入值被禁用),并且我们还可以"disableCloseOnSelect"。

示例 🌈

使用 autocomplete of Material UI 可以实现 "disableCloseOnSelect",如代码所示:
https://codesandbox.io/s/zealous-herschel-gw3bq4?file=/demo.tsx 。然而,我想禁用手动修改值的可能性;人们只能从列表中选择值。
相比之下, Select of Material UIDropDownMenu 禁用了手动修改值的可能性。然而,我尝试添加 disableCloseOnSelect ,但它不起作用。

动机 🔦

这两个功能都很有用。我不明白为什么我们不能在一个控件中同时拥有这两个功能。

mefy6pfw

mefy6pfw1#

你可以通过设置 openonOpenChange 属性来控制 Select 的打开状态,并在选择一个值时防止其关闭:https://mui.com/material-ui/react-select/#controlling-the-open-state
希望这对你有所帮助。

相关问题