Material ui 如何拉取反应选择'；（it&x27；s z索引）扩展面板上方的s下拉菜单？

我在ExpansionPanel（材质ui的一个组件）中使用了react select，它使ExpansionPanel成为一个不需要的滚动条。我怎样才能修好它？我试图更改z索引，但没有成功。考虑图片中的第三个选择，它是由扩展面板隐藏的。先谢谢你

---

我搜索了许多资源，并尝试了许多方法（如z索引、溢出、位置等），但没有一种有效。最后我在这个链接上找到了答案：

这是对我有用的答案：

如果您使用的是react select的v2，则可以使用menuPortalTarget属性将下拉列表渲染到页脚的父容器（例如主体）中

<Select
    { ... }
    menuPortalTarget={document.querySelector('body')}
/>

---

将这些粗体线条添加到“全部选择”标记中

<Select ......

1. menuPortalTarget={document.body} 2. styles={{ menuPortal: base => ({ ...base, zIndex: 9999 }) }}

...... />

（{…base，zIndex:9999}}
...... />

在看到了六个相关问题，但没有找到解决方案后，我找到了一个

<Select
    menuPortalTarget={document.body}
    menuPosition={'fixed'} 
/>

将这两个选项添加到选择组件

它似乎让我们对新的React门户功能有所了解

---

编辑：如果您执行上述操作，那么菜单锚定到页面时会遇到此问题

非常有帮助，谢谢！

<Select
    menuPortalTarget={document.body}
    menuPosition={'fixed'} 
/>