reactjs - 在 Material UI React 中直接使用 SCSS

Question

我在材质 ui 中直接使用 scss 有一些问题，因为并非所有样式都适用。尝试使用makeStyle，但因为我使用类组件，它会发出有关无效挂钩调用的警告。

样式 ：

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

TableCell我从 Material UI调用组件

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

scss文件是在父组件App.tsx中导入，还是需要直接在Table组件中导入？谢谢

标签： reactjssassmaterial-ui

Answer 1

如果要在 MUI 组件中使用 CSS/SCSS 类，则应直接在 Table 组件中导入文件。但是，将 SCSS 与 MUI 组件一起使用并不好，您应该使用makeStyles或withStyles设置 MUI 组件的样式。