真棒字体文档仅显示如何向React添加常规/纯色字体。社会图标呢？

首先，我抓起了包装：

  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”}

我相信我必须以某种方式获得fab品牌的前缀。

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