Question

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

是否可以使菜单不可折叠/不可折叠？我阅读了文档，没有参数可以关闭折叠/折叠功能。

Answer 1

我知道我参加聚会迟到了，但对于其他为此苦苦挣扎的人 - 有一个名为 disabledOverflow 的菜单组件的未记录（据我从官方文档中得知）道具。将它设置为 true 为我解决了这个问题。

感谢 VS Code 编辑器，它向我推荐了这个属性并挽救了我的一天！

Answer 2

我通过在菜单中包含一个最小宽度的样式对象来使其工作

<Menu
    theme="dark"
    mode="horizontal"
    style={{minWidth: '800px'}}
>
...
</Menu>

Answer 3

Antd Inline Menu这将为您提供不会折叠的菜单。

此外，仅当您输入

时，它才能折叠

inlineCollapsed={this.state.collapsed}

道具到菜单组件