Custom css в материале-версия 4.9.0

Question

Мне нужно обновить версию пользовательского интерфейса материала в моем проекте. Версия, которую я использовал, была 0.20, и теперь я обновился до v.4.9. Я изменил весь импорт с material-ui на @ materia-ui / core, и мое приложение успешно компилируется. У меня проблема со стилем. Я не использовал стили в каждом компоненте, но я использую глобальный css файл, который я импортирую в свой основной файл. js, и для каждого элемента и компонента я добавил сюда стиль. Проблема в том, что текущие компоненты Material-UI имеют неправильный стиль. Например, компонент Chip, который я использовал, у меня есть имя класса:

.euro-chip-default {
    background-color: #FFF !important;
    border: 1px solid #E9EEF1 !important;
}

Теперь, когда я обновил версию, это имя класса теперь работает правильно. Моя фишка выглядит прекрасно. Что-нибудь, что я должен сделать, чтобы использовать css в обновленном проекте пользовательского интерфейса материала. Из документов я не могу найти решение. Они используют withStyles, которые я не могу использовать, так как мои компоненты станут огромными Спасибо!

Answer 1

Я думаю, вам просто нужно обновить css свойства, чтобы они соответствовали используемым здесь Стили чипов

Так что в ваших стилях. css файл вы можете использовать

.MuiChip-root {
  background-color: #FFF !important;
  border: 1px solid #E9EEF1 !important;
}

И ваш чип будет оформлен так, как вы хотите

Как здесь CodeSandbox