这是我第一次处理梅氏自动补全. 在我的例子中，我将它与用户名一起使用，用户名只能有一定的长度，但由于大小的限制，它可能不适合自动完成视图.
正如你在Sandbox 和图片中看到的，如果单词太长，就会被剪掉.
因此，我正在寻找一种方法来扩展下拉菜单的宽度，当它被点击时，取决于选项字符串长度或为太长的单词实现分词.
正如在沙箱中看到的那样，我try 了不同的方法来使文本溢出或将单词换成一行，但直到现在都没有成功.
有人能指导我如何解决这个问题吗？
这是我第一次处理梅氏自动补全. 在我的例子中，我将它与用户名一起使用，用户名只能有一定的长度，但由于大小的限制，它可能不适合自动完成视图.
正如你在Sandbox 和图片中看到的，如果单词太长，就会被剪掉.
因此，我正在寻找一种方法来扩展下拉菜单的宽度，当它被点击时，取决于选项字符串长度或为太长的单词实现分词.
正如在沙箱中看到的那样，我try 了不同的方法来使文本溢出或将单词换成一行，但直到现在都没有成功.
有人能指导我如何解决这个问题吗？
通过将componentProps添加到传递到自动完成的列表属性中，修复了这一问题.
这使得带有用户名的下拉列表比输入字段更宽，并保证宽度与最大用户名长度或固定长度相对应，如我的代码所示.
<Autocomplete
id="select_user_history"
options={users}
value={selectedUser}
// --------
// following block solves it
componentsProps={{
paper: {
sx: {
width: 160
}
}
}}
// --------
getOptionLabel={e => e.name}
.....
)}
/>