Javascript 覆盖子组件中的材质ui css
我想在Javascript 覆盖子组件中的材质ui css,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我想在ExpansionPannel中更改扩展图标的right属性: <ExpansionPanel> <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}> <Typography className={classes.heading}>Expansion Panel 1</Typography> </ExpansionPanelSummar
ExpansionPannel
中更改扩展图标的right
属性:
<ExpansionPanel>
<ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
<Typography className={classes.heading}>Expansion Panel 1</Typography>
</ExpansionPanelSummary>
<ExpansionPanelDetails>
<Typography>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex,
sit amet blandit leo lobortis eget.
</Typography>
</ExpansionPanelDetails>
</ExpansionPanel>
我还需要这个myCustomClass
但这并没有覆盖css。另外,设置
也没有帮助。发现了我的问题,它是打字错误
我必须将重写的类传递给类
属性,而不是类名
<ExpansionPanelSummary
className={classes.myCustomClass}
classes={{expandIcon: classes.expandIcon}}
expandIcon={<ExpandMoreIcon />}
>
<ExpansionPanelSummary
className={classes.myCustomClass}
classes={{expandIcon: classes.expandIcon}}
expandIcon={<ExpandMoreIcon />}
>