与makeStyles一起使用withStyles有什么好处？

Question

每种情况都有不同的用例吗？什么时候应该在makeStyles上使用withStyles？

Answer 1

Hook API（makeStyles/useStyles）只能与功能组件一起使用。

Higher-order component API（withStyles）可以与类组件或函数组件一起使用。

它们都提供相同的功能，并且styles和withStyles的{​​{1}}参数没有区别。

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

Answer 2

  

何时应在makeStyles上使用Styles？

可能永远不会，但这里有一些用例（狭窄）：

• 您正在运行不支持挂钩的React版本
• 您正在编写material-ui库，并希望支持较早的mui版本（withStyles早于makeStyles）
• 您正在运行较早的mui版本
• 例如，如果您对componentDidCatch生命周期方法感兴趣，则希望对基于类的组件进行样式设置。