右键单击 Ant Design 的折叠菜单项不显示 "Open in new tab"

Question

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

问题是当我尝试右键单击菜单项时，它没有显示 "Open in new tab/window" 的选项。

我怀疑和this question有关系，因为我用code inspector的时候，Ant Design的折叠菜单项没有直接使用a标签。

如何实现点击Ant Design的折叠菜单项时出现右键的"Open in new tab/window"选项？？？

编辑

我的代码是这样的：

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

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

Answer 1

您可以随时添加anchor tag wherever you want. Like in Collapsed inline menu，您可以按如下方式使用：

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

我创建了一个working demo，请查收。