Javascript 材质ui图标会发生反应

谁能帮我做这个。我需要这个图标从材料用户界面，但我找不到信息，我可以如何使它

---

首先，您必须在组件中导入图标，然后可以使用以下代码作为示例：

import FacebookIcon from "@material-ui/icons/Facebook";

const YourComponent = () => (
  <div>
    <span>...some other content</span>
    <FacebookIcon />
  </div>
);

export default YourComponent;

从“@material ui/icons/Facebook”导入Facebook图标；
constyourcomponent=（）=>(
…其他一些内容
);
导出默认组件；

如果您还需要图像的背景，您可以这样做：

<div style={{ backgroundColor: "#1877d1", padding: "1rem", display: "inline-block" }}>
  <FacebookIcon />
</div>

---

因此，您需要将图标包装在带有栅栏的

div

中。

您可以安装材质UI图标

使用npm:npm安装@material ui/图标

带纱线：纱线添加@material ui/图标

---

和导入材质UI图标：

我需要制作填充图标。但是我不知道我应该给哪个属性，把它放在一个容器里，给它一个背景色。没有任何特定属性的itI已经导入和做了所有的东西，但我希望图标有背景。材质ui有什么东西可以让图标像照片一样吗？还是我应该让它重复