При щелчке правой кнопкой мыши по свернутому пункту меню в Ant Design не отображается «Открыть в новой вкладке» - PullRequest
Новая
       24

При щелчке правой кнопкой мыши по свернутому пункту меню в Ant Design не отображается «Открыть в новой вкладке»

0 голосов
/ 19 января 2019

У меня есть приложение React, использующее Ant Design. В свернутом режиме используется компонент Ant Design Menu.

Дело в том, что когда я пытаюсь щелкнуть правой кнопкой мыши по пункту меню, на нем не отображаются параметры «Открыть в новой вкладке / окне».

Я подозреваю, что он имеет отношение к этому вопросу , потому что, когда я использую инспектор кода, свернутый пункт меню Ant Design не использует теги a напрямую.

Как я могу добиться, чтобы при щелчке по свернутым пунктам меню Ant Design появлялись опции "Открыть в новой вкладке / окне" ??? 1010 *

EDIT

Код, который у меня есть, выглядит примерно так: 

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

Но в моем приложении более 30 пунктов меню, поэтому добавление тега a для каждого элемента - это решение, которое требует много текста. Я хочу применить динамическое решение во время выполнения для этой проблемы.

1 Ответ

0 голосов
/ 21 января 2019

Вы всегда можете добавить тег привязки , где хотите. Как и в Свернутое встроенное меню , вы можете использовать следующее: 

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

Я создал рабочую демонстрацию , пожалуйста, проверьте.

...