微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

社交媒体字体真棒图标在 react js 中不起作用

如何解决社交媒体字体真棒图标在 react js 中不起作用

错误

尝试导入错误:“faTwitter”未从“@fortawesome/free-solid-svg-icons”导出。

我在 react js 中使用字体很棒的图标,很少有图标像这样工作:- faPhoneAlt、faHeart、faBars、faChevronDown

但社交媒体图标不起作用。

代码

import React,{Component} from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {faMapMarkerAlt,faPhoneAlt,faShoppingBag,faHeart,faBars,faChevronDown,faTwitter} from '@fortawesome/free-solid-svg-icons';


<FontAwesomeIcon icon={faTwitter} /></Link>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

解决方法

为此,您需要安装 free-brands-svg-icons

Series.duplicated

在文档中明确提到对于 brands aka social media,您必须使用另一个包。

https://www.npmjs.com/package/@fortawesome/free-brands-svg-icons

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。