【问题标题】:How to include FontAwesome Icon in a React.js project如何在 React.js 项目中包含 FontAwesome Icon
【发布时间】:2025-12-17 08:30:01
【问题描述】:

我正在尝试使用以下软件包 https://github.com/danawoodman/react-fontawesome 显示一个字形图标。我通读了 Github 页面上的文档,但无法连接这些点。我了解我需要将 FontAwesome 库导入我希望在其中显示字形图标的相应文件中。

App.js

    import React, {PropTypes} from 'react';
    import FontAwesome from 'react-fontawesome';

                {/* insert icon below */}

                {/* React.render(<FontAwesome name='rocket' />, document.body);*/}

                {/* className="fa fa-spinner fa-spin" */}

我尝试了以下解决方案,但它们都不起作用。任何有关如何显示字形图标的帮助将不胜感激。

【问题讨论】:

    标签: reactjs font-awesome


    【解决方案1】:

    这是一个简单的修复。我需要在项目中包含 FontAwesome CDN。

    https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

    【讨论】:

    • 酷!谢谢:)