Javascript 材料用户界面集<;选择>;尽可能宽<;菜单项>;?
我正在尝试将Mui Select字段设置为其最大菜单项的宽度。我曾尝试在Select上使用Javascript 材料用户界面集<;选择>;尽可能宽<;菜单项>;?,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我正在尝试将Mui Select字段设置为其最大菜单项的宽度。我曾尝试在Select上使用autoWidth道具,但这似乎没有改变任何事情。这里是一个代码沙盒,显示了这个问题(我还包括了一个TextField实现,它也有同样的问题) 在这两个项目之间进行选择时,选择框的宽度将改变。如何通过编程将其固定为最大菜单项的宽度?谢谢您是否尝试在textfield组件中添加fullWidth属性?尝试指定所需宽度的容器,输入将占据其容器的全部宽度或您可以在文本样式中使用替代文本字段的宽度。具体如下: &
autoWidth
道具,但这似乎没有改变任何事情。这里是一个代码沙盒,显示了这个问题(我还包括了一个TextField实现,它也有同样的问题)
在这两个项目之间进行选择时,选择框的宽度将改变。如何通过编程将其固定为最大菜单项的宽度?谢谢您是否尝试在textfield组件中添加
fullWidth
属性?尝试指定所需宽度的容器,输入将占据其容器的全部宽度或您可以在文本样式中使用替代文本字段的宽度。具体如下:
<TextField select style = {{width: 200}}>
<MenuItem key="1" value="1">
Small Choice
</MenuItem>
<MenuItem key="2" value="2">
Biiiiiiiiiiiiiiiiiiiiiig Choice
</MenuItem>
</TextField>
小选择
Biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig选择
此解决方案不是最好的,因为您必须根据菜单项静态指定文本字段的最大宽度。谢谢,但不幸的是,这些不是我想要的。我不希望选择器占据容器的整个宽度,或者必须手动设置为一定数量的像素。谢谢你的建议