Material ui 如何修改工具提示组件的字体大小/样式？

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

尝试将属性指定给类

---

发布于

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

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

与其他组件一样，例如：

DialogContent

或

DialogActions

用法

顺便说一句，你的代码很混乱。您正在混合函数组件和类组件。一次，您使用

withStyles

设置样式一次使用

makeStyles

。 你应该选择一种方法并坚持下去。这里是样式。它会解决你的大部分问题

---

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

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

与其他组件一样，例如：

DialogContent

或

DialogActions

用法

顺便说一句，你的代码很混乱。您正在混合函数组件和类组件。一次，您使用

withStyles

设置样式一次使用

makeStyles

。 你应该选择一种方法并坚持下去。这里是样式。它会解决你的大部分问题

---

感谢您前来拯救这一问题。何时使用Wistyles vs makeStyles有金标准吗？makeStyles返回一个自定义钩子，您只能在函数组件中使用钩子（而CustomSearch是一个类组件）。withStyles可以与任何类型的组件一起使用，但它通过包装组件来工作，有时添加到现有组件比使用makeStyles/useStyles方法更难。感谢您前来解决此问题。何时使用withStyles vs makeStyles有金标准吗？makeStyles返回一个自定义钩子，您只能在函数组件中使用钩子（而CustomSearch是一个类组件）。withStyles可以与任何类型的组件一起使用，但它通过包装组件来工作，有时将组件添加到现有组件中比makeStyles/useStyles方法更难。