如果步骤中有错误，如何更改 Material UI 步进器背景颜色

Question

我正在使用 Material UI 的步进器组件，如果出现错误，我会尝试设置步进器的背景颜色。但是，不知道该怎么做。我能够为已完成的步骤设置背景颜色，并在此处完成：

Answer 1

只需使用 lib 提供的 css 覆盖

const useStyles = makeStyles(theme => ({ error: { ... } }))

const MyComponent = props => {
    const [isError, setIsError] = useState(false);
    const classes = useStyles()

    // just apply a conditional class to the root to make the background
    // any color you want
    return <Stepper classes={{ root: isError ? classes.error : '' }}>
        ...
    </ Stepper>
}