我有一个带有prop的组件,名为styling
。我在这里传递内联样式。我想传递一些我用makeStyles
写的样式。我想通过的风格是:
const useStyles = makeStyles((theme) => ({
fieldShape: {
marginTop: "16px",
[theme.breakpoints.up("md")]: {
width: "625px",
},
},
}))
...
const classes = useStyles();
<MyComponent styling={classes.fieldShape}/>
...
// My Component
const { styling } = props
<TextField style={styling}/>
1条答案
按热度按时间djmepvbi1#
您传递的是钩子的返回值,从
makeStyles
返回,而不是标题中描述的makeStyles
本身。你可以通过它作为深 prop
来自
makeStyles
的钩子不返回带有样式的对象,它返回带有类名(字符串)的对象,所以它应该是: