Использование S CSS в Material UI React напрямую

Question

У меня проблема с использованием s css непосредственно в пользовательском интерфейсе материала, потому что не все стили применяются. Пытался использовать makeStyle, но поскольку я использую компонент класса, он выдает предупреждение о недопустимом вызове ловушки.

Стиль:

.table-header {
  background-color: #005CAA; //only this style works
  color: white;
  font-weight: bold;
  text-align: center;
}

Я вызываю в TableCell компонент из UI материала

 <TableCell className="table-header">Invoice Number</TableCell>

Для файла s css я импортирую его в родительский компонент App.tsx, или мне нужно импортировать файл непосредственно в компонент Table? Спасибо

Answer 1

Если вы хотите использовать класс CSS / S CSS в компоненте MUI, вы должны импортировать файл непосредственно в компонент Table. Но нехорошо использовать S CSS с компонентом MUI, вы должны использовать makeStyles или withStyles для стилизации компонента MUI.