Font Awesome 5在React中使用社交/品牌图标

Font Awesome文档仅显示如何向React添加常规/纯色字体.社交图标怎么样?

The Font Awesome documentation shows only how to add regular/solid fonts to React. How about social icons?

首先，我抓起了包裹:

  npm i --save @fortawesome/fontawesome-svg-core \
  npm i --save @fortawesome/free-brands-svg-icons \
  npm i --save @fortawesome/react-fontawesome

注意:我将npm i --save @fortawesome/free-solid-svg-icons \替换为npm i --save @fortawesome/free-brands-svg-icons \

然后在React中

import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faFacebookF } from '@fortawesome/free-brands-svg-icons' 

library.add(faFacebookF); 

并尝试使用组件:

<FontAwesomeIcon icon="fa-facebook-f" />

甚至尝试过:

并继续进入控制台

找不到图标{前缀:"fas"，iconName: "fa-facebook-f"}

Could not find icon {prefix: "fas", iconName: "fa-facebook-f"}

我认为我必须以某种方式获得品牌的fab前缀.

I believe I somehow have to get the fab prefix for brands.

这是我要使用的图标 https://fontawesome.com/icons/facebook-f?style = brands