javascript makeStyles可以作为prop传递吗?

sc4hvdpw  于 2023-05-16  发布在  Java
关注(0)|答案(1)|浏览(84)

我有一个带有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}/>
djmepvbi

djmepvbi1#

您传递的是钩子的返回值,从makeStyles返回,而不是标题中描述的makeStyles本身。
你可以通过它作为深 prop
来自makeStyles的钩子不返回带有样式的对象,它返回带有类名(字符串)的对象,所以它应该是:

<TextField className={styling}/>   // className instead of style

相关问题