Используйте всплывающую подсказку Material-UI для компонента <i> - PullRequest
Новая
       7

Используйте всплывающую подсказку Material-UI для компонента <i>

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

Я хочу использовать всплывающую подсказку Material-UI для следующего компонента: 

const Icon = ({
    name,
    color,
    size,
}) => {

    return (
        <i
            aria-hidden='true'
            style={{
                    fontSize: size,
                    color,
                }}>
            {name}
        </i>
    )
};

export default Icon;

Значок создается с помощью Iconfont . Реализация подсказки, подобной этой, не работает - подсказка не отображается 

...
icons.map(icon => {
    <Tooltip
        title='Foo'
        placement='right'>
        <Icon
            size={icon.size}
            color={icon.color}
            name={icon.name} />
    </Tooltip>
}
...

Но, заменяя <Icon /> на простой <i>, работает. 

...
icons.map(icon => {
    <Tooltip
        title='Foo'
        placement='right'>
            <i>
                {'Bar'}
            </i>
    </Tooltip>
}
...

Как я могу использовать material-ui react tooltip с th <Icon /> компонентом?

...