Question

我有一个使用Ant Design的React App。它在折叠模式下使用Ant Design Menu组件。

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

我怀疑它与this question有关系，因为当我使用代码检查器时，Ant Design的折叠菜单项不会直接使用<Menu.Item key="menu_1" onClick={() => { window.location.href = '../path/to/route'; }} > Dashboard </Menu.Item>标签。

当我单击Ant Design的折叠菜单项时，如何获得右键单击的“在新选项卡/窗口中打开”选项？

编辑

我拥有的代码非常像这样：

但是我的应用程序有30多个菜单项，因此在每个项目上放置一个<FormattedMessage id='some.id' defaultMessage={'```\nimport "sth";\nrun()\n{\nmake();\n}\n```'} />标签是需要很多文本的解决方案。我想在此问题的执行时间中应用动态解决方案。

Answer 1

您可以随时随地添加anchor tag。像在Collapsed inline menu中一样，您可以按以下方式使用：

    import 'package:flutter/material.dart';
    import './app_bar.dart';
    import 'package:photo_view/photo_view.dart';
    import 'package:photo_view/photo_view_gallery.dart';
    void main() => runApp(MyApp());
    class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
    return MaterialApp(
        home: GalleryExample(),
    );}}
    class Galleryimage extends StatelessWidget{
      @override
       Widget build(BuildContext context) {
        return Container(
            child: PhotoViewGallery(
              pageOptions: <PhotoViewGalleryPageOptions>[
                PhotoViewGalleryPageOptions(
              imageProvider: AssetImage("images/onegap.png"),
              heroTag: "tag1",
            ),
            PhotoViewGalleryPageOptions(
                imageProvider: AssetImage("images/onehnan.png"),
                heroTag: "tag2",
                ),
            PhotoViewGalleryPageOptions(
              imageProvider: AssetImage("images/onesite.png"),
              heroTag: "tag3",
            ),
          ],
        ));}}

我已经创建了working demo，请检查。

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

1 个答案: