右键单击Ant Design的折叠菜单项不显示“在新选项卡中打开”

我有一个使用Ant设计的React应用程序。它在折叠模式下使用ant设计菜单组件。

问题是,当我尝试右键单击菜单项时,它不会显示“在新选项卡/窗口中打开”的选项。

我怀疑它与 this question ,因为当我使用代码检查器时,ant design的折叠菜单项不使用 a 直接标记。

当我单击Ant Design的折叠菜单项时,如何实现右键单击的“在新选项卡/窗口中打开”选项出现????

编辑

我的代码是这样的:

<Menu.Item
    key="menu_1"
    onClick={() => {
        window.location.href = '../path/to/route';
    }}
>
    Dashboard
</Menu.Item>

但是我的应用程序有30多个菜单项,所以 一 每个项目上的标记是一个需要很多文本的解决方案。我想为这个问题在执行时应用动态解决方案。