将className prop传递给Material-ui子元素/内部元素

Question

是否可以将css类分配给Material-UI组件的内部元素。以<RaisedButton />组件为例，假设我想将className应用于Raised Button中的label元素。

<RaisedButton labelStyle={{...}}。

由于labelStyle正在寻找一个对象，我如何应用自定义css类而不是添加内联代码？

Answer 1

认为你可以将标签作为孩子而不是道具传递。

＆＃13;

＆＃13;

<RaisedButton>
  <span className="your-class>Your label</span>
</RaisedButton>

＆＃13;

＆＃13;

＆＃13;

RaisedButton的className prop仅适用于根元素。

Answer 2

与其他答案类似，但您可以将<span>元素作为label属性传递，而不是作为子元素传递：

<RaisedButton label={<span className="your-class">Your label</span>} />

这会保留RaisedButton所应用的内联样式/主题。

https://jsfiddle.net/L8d2b1y7/1/