如何修改 Tooltip 组件的字体大小/样式？答案

【问题标题】：How to modify font-size/style of Tooltip component?如何修改 Tooltip 组件的字体大小/样式？
【发布时间】：2019-07-04 09:45:36
【问题描述】：

无法将自定义类分配给工具提示组件以更新工具提示组件的样式

通过分配给类属性尝试

【问题讨论】：

【解决方案1】：

使用自定义样式制作您自己的工具提示，然后使用它：

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

正如您对其他组件所做的那样，例如：DialogContent 或 DialogActions。

用法

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

顺便说一句，您的代码令人困惑。您正在混合功能和类组件。一次，您使用withStyles 进行造型，一次使用makeStyles。你应该选择一种方法并坚持下去。这是样式docs。它将解决您的大部分问题。

【讨论】：

感谢您在这里解决问题。何时使用 withStyles 与 makeStyles 是否有黄金标准？它们都帮助我们实现相同的目标。
makeStyles 返回一个自定义钩子，您只能在函数组件中使用钩子（而 CustomSearch 是一个类组件）。 withStyles 可以与任何类型的组件一起使用，但它通过包装组件来工作，这有时比 makeStyles/useStyles 方法更难添加到现有组件中。