将 className 属性传递给 Material-ui child/inner 元素

Question

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

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

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

Answer 1

认为您可以将标签作为 child 而不是在 props 中传递。

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

RaisedButton 的 className 属性仅适用于根元素。

Answer 2

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

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

这保留了 RaisedButton 应用的内联 style/theme。

Passing className prop to Material-ui child/inner elements