React StepIconProps.classes не применяются

Я пытаюсь применить стиль StepIcon как часть компонента Stepper, где в конечном итоге я хотел бы отобразить цвет значка завершенного шага.

В моем компоненте StepLabel я применяю:

<StepLabel
    StepIconProps = {{classes: {completed: classes.stepIcon}}}>{label}</StepLabel>

Мои занятия:

export const MyStepper = withStyles(theme => ({
    stepIcon: {
        color: 'red',
    },
  }))(Stepper);

Но при проверке классов с помощью инструментов разработчика кажется, что класс MuiТема всегда переопределяет мое пользовательское переопределение:

React StepIconProps.classes не применяются

Что я делаю неправильно?

Пробовали red !important?

— 21.03.2019 16:58

Я думаю, это ошибка. В исходный код для StepIcon компонент root обеспечивает поведение по умолчанию для завершения с использованием &$completed вместо блока class.completed. Сначала применяются корневые классы, и я думаю, что это проблема. SvgIcon не делает того, что я считаю правильным

— 21.03.2019 17:15

@dubes Использование root с &$completed не помогло, вы имеете в виду, что я должен использовать SvgIcon как <StepIcon>? и как мне управлять значком «завершенного» шага?

— 21.03.2019 17:43

reactjs

21.03.2019 16:42

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...