React Material UI:当 Menu 组件打开时,如何防止 Popover 组件覆盖屏幕?

Tem*_*ary 7 javascript reactjs material-ui

我正在使用Menu组件在用户将鼠标悬停在元素上时显示菜单。但是,我注意到,当菜单打开时,它还包含一个Popover组件,该组件会打开并作为覆盖层覆盖整个屏幕,从而防止与屏幕交互。我不希望在打开组件时打开覆盖层Menu。我怎样才能实现这个目标?

emi*_*emi 7

ComponentMenu继承自Popover,而 Component 又继承自Modal。所以所有Modal道具也都可以使用Menu。那些可能对你有帮助的人;

  • hideBackdrop:如果true,则不渲染背景。
  • disableScrollLock:禁用滚动锁定行为。

更多信息请访问https://material-ui.com/api/modal/