javascript - 如何在Ant Design中禁用SubMenu的单击事件？

我想防止SubMenu在单击时打开和关闭其子菜单项。有没有一种方法可以将其设置为disabled？ （这会影响按钮的外观）我本质上希望SubMenu看起来相同，而不会切换其子级的功能。

最佳答案

为了实现所需的行为，您需要使用openKeys和onOpenChange properties of Menu的组合，如下所示：

const OPEN_KEYS = ['sub1'];

export default function App() {
  const [openKeys, setOpenKeys] = useState(OPEN_KEYS);
  const onOpenChange = openKeys => setOpenKeys([...OPEN_KEYS, ...openKeys]);
  return (
    <FlexBox>
      <Menu
        openKeys={openKeys}
        onOpenChange={onOpenChange}
      >
        ...
      </Menu>
    </FlexBox>
  );
}

在上面的示例中，OPEN_KEYS将始终保持打开状态，并且不会影响其Menu.Item / Menu.ItemGroup子级。