Reactjs 将className道具传递给材质ui子元素/内部元素

Reactjs 将className道具传递给材质ui子元素/内部元素,reactjs,material-ui,Reactjs,Material Ui,是否可以将css类指定给材质UI组件的内部元素。以该组件为例,假设我想将类名应用于提升按钮中的label元素 我想你可以作为一个孩子而不是道具来传递标签 我想你可以作为一个孩子而不是道具来传递标签 与另一个答案类似,但可以将元素作为label属性而不是子元素传递: <RaisedButton label={<span className="your-class">Your label</span>} /> 这将保留RaisedButton应用的内联样式/

是否可以将css类指定给材质UI组件的内部元素。以该组件为例,假设我想将类名应用于提升按钮中的label元素


我想你可以作为一个孩子而不是道具来传递标签


我想你可以作为一个孩子而不是道具来传递标签


与另一个答案类似,但可以将元素作为label属性而不是子元素传递:

<RaisedButton label={<span className="your-class">Your label</span>} />
这将保留RaisedButton应用的内联样式/主题


与另一个答案类似,但可以将元素作为label属性而不是子元素传递:

<RaisedButton label={<span className="your-class">Your label</span>} />
这将保留RaisedButton应用的内联样式/主题


虽然可行,但这样就不会有MaterialUI提供的标签样式。我想我应该更具体地说,我希望在使用类而不是内联添加/重写样式时能够保留这些样式。关于最后一行,您是说无法将该道具传递给子元素?Tom的回答是正确的,但您也可以使用label属性。。。例如,如果您想利用RaisedButton应用的主题化/样式化,在应用css类之前应用的字体大小和文本转换。事实上,您可能不希望这些内置样式应用于您的css类-如果不希望,请按照Tom的建议将span作为子级。虽然可行,但您将不会拥有material ui提供的任何标签样式。我想我应该更具体地说,我希望在使用类而不是内联添加/重写样式时能够保留这些样式。关于最后一行,您是说无法将该道具传递给子元素?Tom的回答是正确的,但您也可以使用label属性。。。例如,如果您想利用RaisedButton应用的主题化/样式化,在应用css类之前应用的字体大小和文本转换。事实上,您可能不希望这些内置样式应用于您的css类-如果不希望,请按照Tom的建议将span作为孩子。谢谢Jeff!您的回答提醒我,很久以前,我在另一个文件中的AppBar组件中使用iconElementLeft/Right道具实现了这一点。我猜我的大脑只是拒绝在不同的环境中提供这种联系。谢谢杰夫!您的回答提醒我,很久以前,我在另一个文件中的AppBar组件中使用iconElementLeft/Right道具实现了这一点。我猜我的大脑只是拒绝在不同的环境中提供这种联系。