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

Question

错误

尝试导入错误：“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>

Answer 1

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

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

在文档中明确提到，对于brands又名social media ，您必须使用另一个 package。

https://fontawesome.com/how-to-use/on-the-web/using-with/react