Ant Design: 垂直子菜单从底部向上弹出
创始人
2024-11-07 05:30:30
0次

在Ant Design中，可以使用SubMenu组件的popupOffset属性来控制子菜单从底部向上弹出。下面是一个示例代码：

import React from 'react';
import { Menu } from 'antd';
import { DownOutlined } from '@ant-design/icons';

const { SubMenu } = Menu;

const App = () => {
  return (
    
      
        子菜单1
        子菜单2
        子菜单3
      
      
        子菜单4
        子菜单5
        子菜单6
      
    
  );
};

export default App;

在上面的示例中，我们使用SubMenu组件创建了两个垂直子菜单。在每个SubMenu中，我们设置了popupOffset={[0, -10]}来从底部向上弹出子菜单，并使用popupPlacement="bottom"来指定弹出的位置为底部。

上一篇：Ant Design/Reactjs上传器（拖拽上传）停止上传列表加载。

下一篇：Ant Design: 警告：[antd: Upload] `transformFile` 已被弃用，请直接使用 `beforeUpload` : ReactJs

相关内容

热门资讯

曝光透视!哈糖大菠萝破解器!一... 曝光透视!哈糖大菠萝破解器!一直存在有辅助app(有挂工具)-哔哩哔哩1）哈糖大菠萝破解器辅助插件：...
推荐透视！xpoker辅助怎么... 推荐透视！xpoker辅助怎么用，wejoker辅助器怎么卖，法门教程（揭秘有挂）-哔哩哔哩1、这是...
详情透视!sohoo辅助!切实... 详情透视!sohoo辅助!切实一直都是有辅助app(有挂头条)-哔哩哔哩运sohoo辅助辅助工具，进...
科普透视！wepoker底牌透... 科普透视！wepoker底牌透视，德扑圈透视，技法教程（有挂方略）-哔哩哔哩暗藏猫腻，小编详细说明w...
揭幕透视!sohoo开挂辅助!... 揭幕透视!sohoo开挂辅助!一贯真的有辅助攻略(了解有挂)-哔哩哔哩1、sohoo开挂辅助脚本辅助...
曝光透视！红龙poker辅助器... 曝光透视！红龙poker辅助器免费观看，wepoker辅助器有哪些功能，法子教程（有挂总结）-哔哩哔...
推荐透视!哈糖大菠萝挂!一贯真... 推荐透视!哈糖大菠萝挂!一贯真的是有辅助脚本(有挂技巧)-哔哩哔哩1、任何哈糖大菠萝挂透视是真的假的...
辅助透视！wepoker怎么看... 辅助透视！wepoker怎么看牌型，红龙poker辅助平台，攻略教程（有挂秘籍）-哔哩哔哩；红龙po...
了解透视!红龙poker辅助平... 了解透视!红龙poker辅助平台!其实是有辅助教程(有挂方略)-哔哩哔哩1.红龙poker辅助平台 ...
揭露透视！智星德州可以透视吗，... 揭露透视！智星德州可以透视吗，hhpoker必备开挂，窍要教程（有挂讲解）-哔哩哔哩一、智星德州可以...