没有出现react-fontawesome图标

我像在这里一样安装了软件包:https : //www.npmjs.com/package/react-fontawesome,我尝试使用它,但是没有可见的图标,知道吗?

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

export default class Header extends Component {

    state = {
        showNav: false
    }

    render() {
        return (
            <div className="open_nav">
                  <FontAwesome name="rocket"/>

            </div>

        )
    }
}
杰森

尝试如下

import React, { Component } from 'react';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faChevronDown } from "@fortawesome/free-solid-svg-icons";

    export default class Header extends Component {

        state = {
            showNav: false
        }

        render() {
            return (
                <div className="open_nav">
                      <FontAwesomeIcon icon={faChevronDown} />
                </div>

            )
        }
    }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS内容中的FontAwesome图标

来自分类Dev

具有对齐的fontawesome图标的多行listitem

来自分类Dev

FontAwesome图标未显示

来自分类Dev

Android:操作栏中没有出现图标

来自分类Dev

带有FontAwesome图标的PrimeFaces SelectOneMenu(自定义f:selectItems)

来自分类Dev

Fontawesome中的堆栈图标

来自分类Dev

在带有Nativescript-Vue的v-for中使用fontawesome图标的问题

来自分类Dev

如何使用带有React-Fontawesome的轮廓图标?

来自分类Dev

Xamarin fontawesome图标显示为带有x的正方形

来自分类Dev

为什么某些FontAwesome图标没有显示?

来自分类Dev

fontawesome的问题,它没有出现

来自分类Dev

FontAwesome图标未显示

来自分类Dev

如何从fontawesome js库中获取所有图标?

来自分类Dev

将网站部署到Netlify时没有出现FontAwesome图标

来自分类Dev

有没有更有效的方法来编写包含FontAwesome图标的功能?

来自分类Dev

如何在React中使用FontAwesome图标库?

来自分类Dev

无法在FontAwesome React中显示检查图标

来自分类Dev

如何使用unicode显示带有FontAwesome抖动的图标?

来自分类Dev

在没有外部文件的情况下使用svg中的FontAwesome图标

来自分类Dev

我可以在没有引导CSS的情况下使用fontawesome图标吗?

来自分类Dev

具有对齐的fontawesome图标的多行listitem

来自分类Dev

FontAwesome图标未显示

来自分类Dev

具有图标标记插件的Highcharts无法呈现FontAwesome点

来自分类Dev

只有在释放模式下,FontAwesome图标才会崩溃

来自分类Dev

Fontawesome中的堆栈图标

来自分类Dev

如何堆叠fontawesome图标

来自分类Dev

ngClass 中没有出现 FontAwesome 插入符号

来自分类Dev

如何使用 fontAwesome 图标和 Tailwind.css 对齐 React Material-UI 列表项

来自分类Dev

带有 FontAwesome 图标的中心文本

Related 相关文章

  1. 1

    CSS内容中的FontAwesome图标

  2. 2

    具有对齐的fontawesome图标的多行listitem

  3. 3

    FontAwesome图标未显示

  4. 4

    Android:操作栏中没有出现图标

  5. 5

    带有FontAwesome图标的PrimeFaces SelectOneMenu(自定义f:selectItems)

  6. 6

    Fontawesome中的堆栈图标

  7. 7

    在带有Nativescript-Vue的v-for中使用fontawesome图标的问题

  8. 8

    如何使用带有React-Fontawesome的轮廓图标?

  9. 9

    Xamarin fontawesome图标显示为带有x的正方形

  10. 10

    为什么某些FontAwesome图标没有显示?

  11. 11

    fontawesome的问题,它没有出现

  12. 12

    FontAwesome图标未显示

  13. 13

    如何从fontawesome js库中获取所有图标?

  14. 14

    将网站部署到Netlify时没有出现FontAwesome图标

  15. 15

    有没有更有效的方法来编写包含FontAwesome图标的功能?

  16. 16

    如何在React中使用FontAwesome图标库?

  17. 17

    无法在FontAwesome React中显示检查图标

  18. 18

    如何使用unicode显示带有FontAwesome抖动的图标?

  19. 19

    在没有外部文件的情况下使用svg中的FontAwesome图标

  20. 20

    我可以在没有引导CSS的情况下使用fontawesome图标吗?

  21. 21

    具有对齐的fontawesome图标的多行listitem

  22. 22

    FontAwesome图标未显示

  23. 23

    具有图标标记插件的Highcharts无法呈现FontAwesome点

  24. 24

    只有在释放模式下,FontAwesome图标才会崩溃

  25. 25

    Fontawesome中的堆栈图标

  26. 26

    如何堆叠fontawesome图标

  27. 27

    ngClass 中没有出现 FontAwesome 插入符号

  28. 28

    如何使用 fontAwesome 图标和 Tailwind.css 对齐 React Material-UI 列表项

  29. 29

    带有 FontAwesome 图标的中心文本

热门标签

归档