MDBIcon不在React应用程序中显示图标

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...you的文档，查找此..

Answer 2

1. npm install mdbreact

1. import { MDBIcon} from 'mdbreact';

1. ​

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"/>：

1. use it