分频器颜色变化React Material Ui

Question

我正在使用材质ui框架的除法器组件，并且坚持使用颜色变化方面。使用此框架中的大多数其他组件，我已经能够通过如下应用useStyles（）方法来更改颜色：

T

但是我无法使用相同的方法更改分隔线的颜色：

{something: {todos: number[]}; somethingElse: {items: string[]};}

我当然会将其应用于组件：

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

我为它查找了文档，但无法弄清楚我做错了什么。有人可以帮我吗？

Answer 1

使用x = 1 + 2 * 3; API更改classes的颜色：

divider

Divider API，让您{@ 3}}

Answer 2

您必须使用类覆盖CSS。

<Divider classes={{root: classes.dividerColor}} />

有关CSS替代的信息，请参见Material UI文档：https://material-ui.com/customization/components/#overriding-styles-with-classes

Answer 3

在使用className样式时，您应始终使用material-ui，而不是像classname这样的典型JavaScript样式声明。

您也可以参考官方文档：https://material-ui.com/styles/basics/#hook-api

Answer 4

你可以使用
<Divider style={{ background: 'black' }} variant="middle" />

Answer 5

类名示例：

const useStyles = makeStyles((theme) => ({
  divider: {
      background: "white",
  },
}));


<Divider className={classes.divider} />