2025-08-31 antd的menu垂直菜单示例无法渲染出来?==》没有引用SubMenu组件
Menu菜单如果要做成垂直,需要SubMenu组件的支持,以下是示例代码:
import { Menu } from 'antd';
const { SubMenu } = Menu;
const BasicVerticalMenu = () => {
return (
<div style={{ width: 256, margin: 20, height: 400 }}>
<Menu mode="vertical" style={{ height: '100%' }}>
<SubMenu key="sub1" title="普通发票">
<Menu.Item key="0">增值税普通出口发票</Menu.Item>
<Menu.Item key="1">增值税专用发票</Menu.Item>
</SubMenu>
<SubMenu key="sub2" title="手工开票">
<Menu.Item key="2">手工开票(需要会计先确认)</Menu.Item>
</SubMenu>
</Menu>
</div>
);
};
export default BasicVerticalMenu;
官方文档的写法没有显式引用Submenu,搞得我弄了半天都不知道是什么原因,真的笑死老子了

浙公网安备 33010602011771号