Im使用的材料UI步进件呈现一个清单,像这样。 这是一个事先知情同意从他们的文档。
当我想介绍一个错误的国家的清单,我发现,有一个支柱所谓错误的StepLabel,我可以宣布。 基本上它会让你改变风格,如背景色等等。
然而,当时我设置错误的道具来真正的,有一个新的图标的来源。 我不想要这个标,但只是想改变填补颜色从蓝色变成红色。
是否有任何办法,我可以放弃这一图标,只是担心填补色步进,而不是?
这里是我的代码:
<Stepper alternativeLabel activeStep={this.determineFormStep()} connector={<StepConnector />} className={classes.stepper}>
{formLabels.map((label, index) => {
return (
<Step key={label}>
<StepLabel
icon={label.step}
error={true}
StepIconProps={{
classes: {
root: classes.step,
completed: classes.completed,
active: classes.active,
error: classes.error,
disabled: classes.disabled
}
}}>
<span className={classes.sublabel}>
{label.sublabel3}
</span>
</div>
</StepLabel>
</Step>);
})}
</Stepper>