SpeedDial 颜色更改 - ReactJS

Question

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

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

如何使用 Hex-color（如“#F19920”）更改 SpeedDial 颜色？？

Answer 1

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

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

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

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