javascript - 无法使用外部 css 文件删除 Material Ui 表格默认样式

Question

我正在为我的元素使用 Material Ui 表。我想删除边框并更改表格的填充。我找到了一个名为 MuiTableCell-root-40 的 Material ui 表的默认类名。这是我用于覆盖默认样式的 css 代码:

.MuiTableCell-root-40{
border-bottom: none !important;
padding: 0.5% 0.5% !important;
}

但是，在第一次重新加载我的页面时，Material Ui 表格默认样式没有改变。我需要刷新我的页面以使外部 css 文件工作。我非常感谢任何愿意帮助我的人。谢谢!

Answer 1

你可以在状态中设置属性值，然后用setState改变它，然后 react 会动态地重新渲染它。你应该阅读Material-UI中的“一次性情况的动态变化”