reactjs - SpeedDial 颜色更改 - ReactJS

Question

我正在尝试更改Material-ui 中的SpeedDial 颜色。但我只能使用 FabProps 更改三种颜色“默认”、“主要”和“次要”。

<SpeedDial
  ariaLabel="SpeedDial openIcon example"
  className={st.speedDial}
  FabProps={{
    color: "secondary",
  }}
></SpeedDial>

如何使用十六进制颜色更改 SpeedDial 颜色（如“#F19920”）？

标签： reactjsmaterial-uispeed-dial

Answer 1

您可以通过多种方式做到这一点。

1. 您可以使用classes={{}}prop 向组件添加自定义类。

以下是您可以传递给组件的类。下面是用于更改颜色的这些类的示例，在第 26 行我添加了 className，在第 64 行我使用了它。

2. 另一种方法是您可以覆盖theme对象docs中的托盘。这样您就可以使用color="primary"，它将使用您在托盘中指定的颜色。