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

Question

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

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

我怀疑它与this question有关，因为我在使用code inspector的时候，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 ，请检查。