材质 ui 图标反应

Question

谁能帮我解决这个问题。我需要 Material ui 中的这个图标，但我找不到如何制作它的信息

Answer 1

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

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

const YourComponent = () => (

  <div>

    <span>...some other content</span>

    <FacebookIcon />

  </div>

);

export default YourComponent;

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

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

  <FacebookIcon />

</div>

因此，您需要将图标包裹在div带有边框的 a 中。

Answer 2

您可以安装 Material-UI 图标

使用 npm ： npm install @material-ui/icons

使用纱线：纱线添加@material-ui/icons