具有较少样式的Material Ui 3

Question

我正在使用Material UI3和react js，想知道如何减少组件的样式。我知道Material UI使用JSS。但是用更少的资源做这件事的正确方式是什么呢？

我想要这样的样式：

.component{
   color: "red",
   .subComponent:{
      color: "blue"
   }
}

JSS是最好的方法吗？或者我只能使用更少的？

Answer 1

您必须对元素的className执行{this.props.classes.className}，并且不要将点放在类名的第一个，但在此之前，您应该设置jss，并使用来自jss本身的injectSheet函数包装组件