Я использую шаговый компонент Material UI для отображения контрольного списка, подобного этому. Это фотография из их документов.
когда я хотел ввести состояние ошибки в контрольный список, я обнаружил, что для пошаговой метки есть опора под названием ошибка, которую я могу объявить. В основном это позволит вам изменять стили, такие как цвет фона и т.д.
Однако, когда я установил для параметра ошибка значение true, появился новый значок. Мне не нужен этот значок, я просто хочу изменить цвет заливки с синего на красный.
Есть ли какой-нибудь способ отказаться от этого значка и вместо этого просто беспокоиться о цвете заливки степпера?
Вот мой код:
<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>