reactjs - MDBIcon 不在 React App 中显示图标

Question

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

下面是代码片段：

       <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 颜色不是紫色。任何人，请建议。

Answer 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 的文档...你会发现这个..

Answer 2

1. npm install mdbreact

2. 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';

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