我正在使用Material UI v3.x.x Stepper,并且需要自定义MuiStepIcon的行为。开箱即用的行为会在步骤完成后呈现一个复选图标。相反,我只需要显示原始步骤号,就可以确定其样式。 希望能有一些关于如何删除选中图标的信息。
<Stepper className={classes.stepper} activeStep={status.step}>
{getSteps().map((label, index) => {
const props = {}
const labelProps = {}
return (
<Step
{...props}
key={label}
classes={{
root: classes.step,
active: classes.active,
completed: classes.completed
}}
>
<StepLabel
icon={index + 1}
classes={{
labelContainer: classes.labelContainer
}}
StepIconProps={{
classes: {
root: classes.step,
active: classes.active,
completed: classes.completed,
disabled: classes.disabled
}
}}
{...labelProps}
></StepLabel>
</Step>
)
})}
</Stepper>