Как изменить размер шрифта / стиль компонента подсказки?

Question

Невозможно назначить пользовательский класс для компонента всплывающей подсказки, чтобы обновить стиль компонента всплывающей подсказки

Пытается присвоить классам свойство

Опубликовано в https://codesandbox.io/s/twilight-fire-907mp

Answer 1

Создайте свою собственную подсказку с пользовательскими стилями, а затем используйте ее:

const TooltipWithBiggerFontSize = withStyles({
  tooltip: {
    fontSize: 30
  }
})(Tooltip)

Как вы уже сделали с другими компонентами, например: DialogContent или DialogActions.

Использование

<TooltipWithBiggerFontSize title="Custom Search">
  <Publish />
</TooltipWithBiggerFontSize>

Кстати, ваш код сбивает с толку.Вы смешиваете функциональные и классовые компоненты.Однажды вы используете стиль withStyles, один раз - makeStyles.Вы должны выбрать один метод и придерживаться его.Вот стиль документы .Это решит большинство ваших проблем.

коды и поле