Ant Design Menu 组件菜单名字显示不全？自适应宽度并隐藏溢出部分

要解决 Ant Design Menu 组件中菜单名字显示不全的问题，可以使用 CSS 来自适应宽度，并且不显示省略号。

首先，给 Menu.Item 组件添加一个自定义类名：

<Menu.Item className='custom-menu-item'>菜单名字</Menu.Item>

然后，在 CSS 文件中添加如下样式：

.custom-menu-item {
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
}

这样，菜单名字就会自适应宽度，且超出部分会被隐藏，并显示省略号。