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 are the classes you can pass to the component. And here 是 类 用于更改颜色的示例，在第 26 行我添加了类名，在第 64 行我使用它。

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