Reactjs Antd：带有侧子菜单的侧菜单

使用Antd，我试图创建下面附带的菜单，使用现有组件，尽可能少的自定义代码

我尝试了一些实现，但它只是欺骗xd-_-

我将菜单组件放在侧边布局旁边，并在项目单击时切换侧边布局，但这似乎不是一个好的解决方案

有没有关于如何实施的建议？子菜单也应该覆盖页面的内容

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
导入“/index.css”；
从“antd”导入{菜单、图标、按钮、布局}；
常量{子菜单}=菜单；
const{Header，Content，Sider}=布局；
类应用程序扩展了React.Component{
状态={
失败：错误
};
toggleCollapsed=（）=>{
这是我的国家({
折叠：！this.state.collapsed
});
};
render（）{
返回(
选择1
选择2
选择3
选择1
选择2
选择3
选择4
选择5
选择6
选择7
选择8
选项9
选择10
选择11
选择12
);
}
}
render（，document.getElementById（“容器”）