你瞅啥呢

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,搞得我弄了半天都不知道是什么原因,真的笑死老子了

posted @ 2025-08-31 15:13  叶乘风  阅读(10)  评论(0)    收藏  举报