reactjs - Material-UI接下来-在ListItemText中设置文本样式

我正在尝试将样式应用于ListItemText(Material-UI @next)中的文本:

const text = {
  color: 'red'
}

<ListItem button><ListItemText style={text} primary="MyText" /></ListItem>

但是里面渲染的<Typograhy>元素根本没有样式(“MyText”不是红色)。

查看生成的代码，看来Typography> subheading的默认CSS规则将覆盖我的CSS。

谢谢你的帮助

编辑:在该问题的第一个版本中，有一个错误消息(在ListItemText上使用“className”代替“style” Prop ，对此感到抱歉)。

最佳答案

我相信现在实现此目的的唯一方法是使用ListItemText元素的“disableTypography” Prop 。

 <ListItemText
        disableTypography
        primary={<Typography type="body2" style={{ color: '#FFFFFF' }}>MyTitle</Typography>}
      />

这使您可以将自己的文本元素嵌入到所需的任何样式中。