Сделать незабываемый пункт меню - PullRequest
Новая
       16

Сделать незабываемый пункт меню

0 голосов
/ 14 сентября 2018

Я делаю Dropdown меню с использованием Ant Design: 

import React, { Component } from "react";
import { Icon, Dropdown, Menu } from "antd";
const { Item } = Menu;

class NotificationBell extends Component {
    render() {
        const menu = (
            <Menu>
                <Item><p>You must be connected to get notifications.</p></Item>
            </Menu>
        );
        return (
            <Dropdown overlay={menu} trigger={['click']}>
                <Icon type="bell" theme="outlined" />
            </Dropdown>
        );
    }
}

Ant вот что я получаю:

Ant Design Dropdown

Но я не хочу просто удалять выделение, я также хочу сделать компонент не щелкающим, т. Е. Вместо «ручного курсора» я хочу «обычный курсор».

Добавление selectable={false} опора для Menu компонента, как это предлагается , документация Ant Design не помогает.Что мне делать?

Спасибо за помощь.

1 Ответ

0 голосов
/ 14 сентября 2018

Документация , с которой вы связали , задает опору disabled для Menu.Item, которая может или может делать то, что вы хотите.Если вы хотите сделать что-то отличное от того, что предоставляет библиотека, вы можете настроить поведение.

Вы можете использовать свойство CSS cursor, чтобы указать, какой курсор вы хотите при наведении курсора.

Возможно, вы захотите использовать not-allowed для курсора с отключенным стилем или стрелку по умолчанию: default.

Документы

В будущем вы не сможете запретить пользователю щелкать элемент.Что вы действительно хотите сделать, так это сообщить о возможностях (или их отсутствии) с помощью визуальных подсказок и потенциально изменить поведение вашего приложения при получении этого ввода.

...