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

Question

我有一个使用 Ant Design 的 React 应用程序。它使用 Ant Design Menu 组件，处于折叠模式。

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

我怀疑它和this question有关系，因为当我使用代码检查器时，Ant Design的折叠菜单项没有直接使用a标签。

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

编辑

我的代码是这样的：

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

但我的应用程序有 30 多个菜单项，因此在每个项目上放置一个 a 标记是一个需要大量文本的解决方案。我想在这个问题的执行时间内应用动态解决方案。

Answer 1

您可以随时添加anchor tag 任何您想要的地方。和Collapsed inline menu一样，可以这样使用：

<Menu.Item key="3">
    <Icon type="inbox" />
    <span>
        <a href="#">Option 3</a>
    </span>
</Menu.Item>

我创建了working demo，请查看。