Fatal编程技术网
  • javascript/
  • Javascript 如何在Ant Design中禁用子菜单的单击事件？

Javascript 如何在Ant Design中禁用子菜单的单击事件？

javascript reactjs

Javascript 如何在Ant Design中禁用子菜单的单击事件？,javascript,reactjs,antd,Javascript,Reactjs,Antd,我想防止在单击时打开和关闭其子菜单项。有没有办法在不将其设置为禁用的情况下执行此操作？（这会影响按钮的外观）我基本上希望子菜单外观相同，而不切换其子菜单的功能。要实现所需的行为，您需要结合使用openKeys和onopenpenchange，如下所示： const OPEN_key=['sub1']； 导出默认函数App（）{ const[openKeys，setOpenKeys]=useState（OPEN_-KEYS）； const onoppenchange=openKeys=>setOp

我想防止在单击时打开和关闭其子菜单项。有没有办法在不将其设置为禁用的情况下执行此操作？（这会影响按钮的外观）我基本上希望子菜单外观相同，而不切换其子菜单的功能。

要实现所需的行为，您需要结合使用
openKeys
和
onopenpenchange
，如下所示：

const OPEN_key=['sub1']；
导出默认函数App（）{
const[openKeys，setOpenKeys]=useState（OPEN_-KEYS）；
const onoppenchange=openKeys=>setOpenKeys（[…openKeys，…openKeys]）；
返回(
...
);
}
在上面的示例中，
OPEN\u键将始终保持打开状态，并且不会影响其
菜单.Item
/
菜单.ItemGroup
子项


你的意思是想一直打开
子菜单吗？我想我应该把我的问题说得更清楚。默认情况下，我使用了类似于您的问题的方法来保持所有菜单打开，但是，我想做的是阻止关闭这些菜单（通过阻止子菜单上的单击事件）。你知道怎么做吗？检查沙箱，你不能关闭子菜单-‘sub1’，另一方面，所有其他的都表现正常。哇，那代码工作起来很神奇。这比我尝试直接编辑禁用项的css的方法要好得多。我从来没有完成它，因为我一直在努力寻找css来恢复文本颜色。