使用 Material UI 的超级菜单

【问题标题】：Mega menu using Material UI使用 Material UI 的超级菜单
【发布时间】：2021-09-19 04:52:03
【问题描述】：

我正在尝试使用 react.js Material UI 来做这样的事情。我知道我们可以在 Material UI 中使用菜单组件但是我们如何才能有多个列和行，如下图所示？

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

为此，您使用弹出对话框而不是菜单。

但是要将它与菜单一起使用，您可以单独创建视图并将其作为子级传递给菜单。

喜欢。

custom_menu.js

const CustomMenu = () => {
    return (
        <div>
            {/* menu code here */}
        </div>
}

export default CustomMenu;

将此js文件导入到包含菜单定义的js文件中。

x.js

import CustomMenu from "..." // path/to/custom_menu.js

const X = () => {
    return (
        <MenuItem>
            <CustomMenu />
        </MenuItem>
    )
}

export default X;

【讨论】：