javascript - 社交媒体字体真棒图标在反应 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

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

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