Reactjs 替代卡片标题样式和副标题样式在材质ui中不起作用

我必须使用材质ui为卡片组件的标题和副标题元素应用不同的样式

以下是我的代码：

const mediaTitleStyles = {
  ....
  ....
  title:{
    fontSize: 35,
    fontWeight: 'bold',
  },
  subtitle:{
    fontSize: 25,
    fontWeight: 'bold',
  },

};

<Card>

    <CardMedia style={{background: '#9E9E9E'}}
     overlay={<CardTitle title="LIVE THE LANGUAGE" subtitle="Learn a language based on the situations that are relevant to you." />}
     overlayContentStyle={mediaTitleStyles.content}
     titleStyle = {mediaTitleStyles.title} subtitleStyle={mediaTitleStyles.subtitle}
    >
    .................

const mediaTitleStyles={
....
....
标题：{
尺码：35，
fontWeight:'粗体'，
},
副标题:{
尺寸：25，
fontWeight:'粗体'，
},
};
.................

---

基本上，我正在尝试为这两个元素应用不同的字体大小。但是，输出不起作用？我需要包括什么吗？

您是否考虑过下面我给您举的一些示例中的编码参数，希望这有助于解决您的问题

    <CardTitle expand style={{alignItems: 'flex-start', color: '#fff'}}>
      <h4 style={{marginTop: '0'}}>
        Featured event:<br />
        May 24, 2016<br />
        7-11pm
      </h4>
    </CardTitle>

特色活动：

2016年5月24日

晚上七时至十一时

你也可以使用

    <CardText>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Mauris sagittis pellentesque lacus eleifend lacinia...
    </CardText>

Lorem ipsum dolor sit amet，是一位杰出的献身者。
马格里斯矢状体长爪。。。

这里有一些资源，你可以看看

下面是一些文档和示例

---

您是否考虑过下面我给您举的一些示例中的编码参数，希望这有助于解决您的问题

    <CardTitle expand style={{alignItems: 'flex-start', color: '#fff'}}>
      <h4 style={{marginTop: '0'}}>
        Featured event:<br />
        May 24, 2016<br />
        7-11pm
      </h4>
    </CardTitle>

特色活动：

2016年5月24日

晚上七时至十一时

你也可以使用

    <CardText>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Mauris sagittis pellentesque lacus eleifend lacinia...
    </CardText>

Lorem ipsum dolor sit amet，是一位杰出的献身者。
马格里斯矢状体长爪。。。

这里有一些资源，你可以看看

下面是一些文档和示例

---

尝试直接在CardTitle组件中添加样式：

....
<CardMedia style={{background: '#9E9E9E'}}
 overlay={
    <CardTitle 
        titleStyle = {mediaTitleStyles.title}
        subtitleStyle={mediaTitleStyles.subtitle} 
        title="LIVE THE LANGUAGE" 
        subtitle="Learn a language based on the situations that are relevant to you." 
    />}
 overlayContentStyle={mediaTitleStyles.content}    
>....

。。。。
....

尝试直接在CardTitle组件中添加样式：

....
<CardMedia style={{background: '#9E9E9E'}}
 overlay={
    <CardTitle 
        titleStyle = {mediaTitleStyles.title}
        subtitleStyle={mediaTitleStyles.subtitle} 
        title="LIVE THE LANGUAGE" 
        subtitle="Learn a language based on the situations that are relevant to you." 
    />}
 overlayContentStyle={mediaTitleStyles.content}    
>....

。。。。
....

Subtitle样式是CardHeader属性。 请检查将其应用于卡头，如下所示

<CardHeader
    subtitleStyle={{color:"red"}}
    subtitle={"An Example!!"}
    .
    .
/>

---

Subtitle样式是CardHeader属性。 请检查将其应用于卡头，如下所示

<CardHeader
    subtitleStyle={{color:"red"}}
    subtitle={"An Example!!"}
    .
    .
/>