设置材料ui React组件

Question

我目前正在研究这些重要的ui react组件，需要自定义这些组件，所以我选择了这种样式化组件的方式，如下所示

.MuiStepIcon-root.MuiStepIcon-completed {
  color: "green"
}

在我的app.scss文件中。

我知道必须使用withStyles来对组件进行样式设置，因为Ux很复杂，我发现无法使用withStyles来自定义组件，因此我很难做到这一点方式。

那么，可以直接使用类名自定义组件，如果没有，为什么？ 请为我提供一些帮助。

Answer 1

使用className从material-ui中汇总组件是很好的。您应该牢记的一点是，使用其className（material-ui放置在组件中的className）更改组件样式将更改具有相同className的所有其他组件。考虑到这一点，您应该尝试使用一些东西来防止这种情况的发生。

您可以将className传递给组件，然后将其用作css上的目标，或者可以使用一些防止这些情况的css规则，一个很好的例子是https://rscss.io/