Изменение цвета разделителя React Material Ui - PullRequest
0 голосов
/ 09 октября 2019

Я работаю с компонентом делителя структуры пользовательского интерфейса и застрял с изменяющим цвет аспектом. С большинством других компонентов из этой среды я смог изменить цвет, применив метод useStyles () следующим образом:

const useStyles = makeStyles(theme => ({
    textPadding: {
      paddingTop: 10,
      paddingBottom: 10,
      color:'white',
    },
}));

Но я не могу изменить цвет разделителей с помощьютот же подход:

const useStyles = makeStyles(theme => ({
dividerColor: {
  backgroundColor: 'white',
},
}));

Я, конечно, затем применить его к компоненту:

<Divider classname={classes.dividerColor}></Divider>

Я посмотрел документы для этого, но не могу понять, что я сделалнеправильно. Может ли кто-нибудь помочь мне?

1 Ответ

0 голосов
/ 17 октября 2019

Вы всегда должны использовать className при использовании стиля material-ui вместо типичного объявления стиля javascript, такого как classname.

Вы также можете обратиться к официальному документу: https://material -ui.com / стили / основы / # крюк-апи

...