将 Font Awesome 转换为 camelCase (Reactjs)

Question

我尝试将字体 Awesome 图标语法更改为 camelCase (Reactjs) 这是图标 fort-awesome（图标名称） 这就是我试图改变的方式

app.js

import { library } from '@fortawesome/fontawesome-svg-core';
import { faFortAwesome } from '@fortawesome/free-solid-svg-icons';

library.add(faFortAwesome);

Component.js

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

 <FontAwesomeIcon 
  icon="fortawesome" 
  color="#6DB65B"
  size="2x"
  />

这是我得到的错误。

./src/App.js 20:12-25“@fortawesome/free-solid-svg-icons”不包含名为“faFortAwesome”的导出。

任何帮助将不胜感激。

Answer 1

import { faFortAwesome } from '@fortawesome/free-solid-svg-icons';

此行在“@fortawesome/free-solid-svg-icons”中搜索 faFortAwesome 函数。您不能更改它的名称，因为那样它将找不到正确的函数名称。如果要更改名称，可以添加如下内容。

import { library } from '@fortawesome/fontawesome-svg-core';
import { oldName } from '@fortawesome/free-solid-svg-icons';

const faFortAwesome = oldName;

library.add(faFortAwesome);