makeStyles
的第二个(可选)参数是一个选项对象,用于控制makeStyles
的行为。其中一个选项是name,然后将其用作类名的前缀。 withStyles
将Component.displayName作为name
选项传递。您可以指定任何名称以控制类名前缀,例如在下面的示例中,类名最终变为Hello-root-1
。import { makeStyles } from "@material-ui/core/styles";
const useStyles = makeStyles(
{
root: {
backgroundColor: "green"
}
},
{ name: "Hello" }
);
export default function App() {
const classes = useStyles();
return (
<div>
<h1 className={classes.root}>Hello CodeSandbox</h1>
</div>
);
}