Ant Design - 使菜单不可折叠/可展开

Ant Design - Make Menu Uncollapsable/Unfoldable

提问人:Foobar 提问时间:11/23/2018 更新时间:1/6/2022 访问量:8240

问:

我正在将 Ant Design 与 React 一起使用。Ant Design 有一个菜单组件:https://ant.design/components/menu/

是否可以使菜单不可折叠/可展开?我阅读了文档,没有关闭折叠/折叠的参数。

反应JS ANTD

评论

0赞 bkis 12/7/2018
你找到解决这个问题的方法了吗?我目前有同样的问题。
0赞 Foobar 12/8/2018
不幸的是,我找不到解决方案。

答:

-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

我知道我来晚了,但对于其他为此苦苦挣扎的人来说 - 菜单组件有一个未记录的(据我所知)道具,称为 .设置它为我解决它。disabledOverflowtrue

感谢VS Code编辑器,它向我推荐了这个属性,并节省了我的一天!

评论

1赞 Iago Leão 7/6/2022
你是英雄@MrTanguero!不幸的是,官方文档中没有这个道具
0赞 Chad 8/15/2022
为我工作。几天来一直在寻找折叠菜单的解决方案。
0赞 Aswin Ramakrishnan 6/22/2023
好吧,先生,您挽救了这么多人的一天,因此向您致敬!