与makeStyles相比，使用withStyles有什么好处？

Question

每个案例都有不同的用例吗？什么时候应在makeStyles上使用withStyles？

Answer 1

所述钩API（makeStyles/useStyles）只能与功能的部件使用。

的高次成分API（withStyles）可与类组件或功能的部件使用。

它们都提供相同的功能，并没有在无差异styles的参数withStyles和makeStyles。

如果您将其与功能组件一起使用，则建议您使用Hook
API（makeStyles）。withStyles与makeStyles（并在内部委托makeStyles）相比，有一点额外的开销。

如果您要自定义Material-
UI组件的样式，则使用withStyles而不是仅出于调用目的将其包装到您自己的组件中是可取的，makeStyles/useStyles因为那样您就可以重新实现withStyles。

因此，包装Material-UI组件可能类似于以下示例（来自如何设置Material-UI的工具提示？）：

const BlueOnGreenTooltip = withStyles({
  tooltip: {
    color: "lightblue",
    backgroundColor: "green"
  }
})(Tooltip);