提问人:Foobar 提问时间:11/23/2018 更新时间:1/6/2022 访问量:8240
Ant Design - 使菜单不可折叠/可展开
Ant Design - Make Menu Uncollapsable/Unfoldable
问:
我正在将 Ant Design 与 React 一起使用。Ant Design 有一个菜单组件:https://ant.design/components/menu/
是否可以使菜单不可折叠/可展开?我阅读了文档,没有关闭折叠/折叠的参数。
答:
-3赞
Lucifer
11/23/2018
#1
Antd 内联菜单这为您提供了一个不会折叠的菜单。
此外,它只有在您提供
inlineCollapsed={this.state.collapsed}
props 到菜单组件
评论
0赞
Foobar
11/23/2018
内联菜单是可折叠的。我试过了:菜单绝对是可折叠的。<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" >
1赞
bkis
12/7/2018
是的,这真的不是真的,即使是这样,被迫使用内联菜单也是很糟糕的。
2赞
Fabio Espinosa
4/3/2020
#2
我通过在菜单中包含一个最小宽度样式对象来使它工作
<Menu
theme="dark"
mode="horizontal"
style={{minWidth: '800px'}}
>
...
</Menu>
35赞
MrTanguero
6/8/2021
#3
我知道我来晚了,但对于其他为此苦苦挣扎的人来说 - 菜单组件有一个未记录的(据我所知)道具,称为 .设置它为我解决它。disabledOverflow
true
感谢VS Code编辑器,它向我推荐了这个属性,并节省了我的一天!
评论
1赞
Iago Leão
7/6/2022
你是英雄@MrTanguero!不幸的是,官方文档中没有这个道具
0赞
Chad
8/15/2022
为我工作。几天来一直在寻找折叠菜单的解决方案。
0赞
Aswin Ramakrishnan
6/22/2023
好吧,先生,您挽救了这么多人的一天,因此向您致敬!
评论