MDBIcon 不在 React App 中显示图标答案

【问题标题】：MDBIcon not displaying icons in React AppMDBIcon 不在 React App 中显示图标
【发布时间】：2019-01-26 16:26:47
【问题描述】：

我正在尝试在我的应用程序中使用 MDB React 表单。我已经使用命令 npm install --save mdbreact 下载了 mdbreact。

下面是sn-p代码：

       <div className="text-center py-4 mt-3">
          <MDBBtn className="btn btn-outline-purple" type="submit">
            Send
            <MDBIcon far icon="paper-plane" className="ml-2" />
          </MDBBtn>
        </div>

但图标不显示且 MDBBtn 颜色不是紫色。任何人，请建议。

【问题讨论】：

我没有看到 sn-p。
@stever 代码片段现已附上
远图标看起来不对。试试farIcon
还是一样。
试试不带far这个词。另外，你是这样导入的吗import { MDBIcon, MDBBtn } from "mdbreact"？

标签： reactjs react-bootstrap bootstrap-material-design mdbreact

【解决方案1】：

在文档中你必须添加 index.js 这些进口：

import "@fortawesome/fontawesome-free/css/all.min.css";
import "bootstrap-css-only/css/bootstrap.min.css";
import "mdbreact/dist/css/mdb.css";

检查有关 mdbreact 的文档...你会发现这个..

【讨论】：

【解决方案2】：

npm install mdbreact
import { MDBIcon} from 'mdbreact';

import '@fortawesome/fontawesome-free/css/all.min.css';
import 'bootstrap-css-only/css/bootstrap.min.css';
import 'mdbreact/dist/css/mdb.css';

使用它：<MDBIcon icon="lightbulb" size="4x"/>

【讨论】：

您能否简要解释一下为什么这些步骤可以解决问题中的问题？