Material UI - 保持菜单打开

Posted 2023-02-22

技术标签:

【中文标题】Material UI - 保持菜单打开【英文标题】：Material UI - Keep Menu open 【发布时间】：2017-11-09 07:41:58 【问题描述】：

是否可以在单击菜单项后保持 Material UI 菜单打开？

我试过event.stopPropagation() 和event.preventDefault() 都没有运气

有什么想法吗？

【问题讨论】：

【参考方案1】：

Material UI IconMenu 组件有一个 'open' 属性，您可以手动管理该属性设置为 true 以保持菜单打开。然后在要关闭它时将其设置为 false。如果这样做，单击 MenuItem 组件将不会关闭菜单。

请参阅 IconMenu 文档：http://www.material-ui.com/#/components/icon-menu

【讨论】：

【参考方案2】：

新的材质 UI v1 使用了 onClose 的 props like : onClose=this.handleClose

你应该删除这个道具，它应该可以工作。

查看menu's documentation了解更多信息

PS : React 实际上并没有将事件处理程序附加到节点本身。您可以查看answer 了解更多信息

【讨论】：

以上是关于Material UI - 保持菜单打开的主要内容，如果未能解决你的问题，请参考以下文章