与makeStyles相比,使用withStyles有什么好处?

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

回答:

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

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

它们都提供相同的功能,并没有在无差异styles的参数withStylesmakeStyles

如果您将其与功能组件一起使用,则建议您使用Hook

API(makeStyles)。withStylesmakeStyles(并在内部委托makeStyles)相比,有一点额外的开销。

如果您要自定义Material-

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

因此,包装Material-UI组件可能类似于以下示例(来自如何设置Material-UI的工具提示?):

const BlueOnGreenTooltip = withStyles({

tooltip: {

color: "lightblue",

backgroundColor: "green"

}

})(Tooltip);

编辑工具提示自定义

以上是 与makeStyles相比,使用withStyles有什么好处? 的全部内容, 来源链接: utcz.com/qa/424458.html

回到顶部