找不到图标反应-太棒了 [英] Cound not find icon react-fontawesome
本文介绍了找不到图标反应-太棒了的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个关于Reaction的项目,我需要将FontAwese集成到它中。我找到了官方library并按照自述文件中的说明进行了安装
$ npm i --save @fortawesome/fontawesome
$ npm i --save @fortawesome/react-fontawesome
当我尝试在代码中使用它时,如下所示:
<FontAwesomeIcon icon='plus'/>
<FontAwesomeIcon icon={['fa', 'coffee']}/>
我在控制台上收到此错误:
Could not find icon {prefix: "fas", iconName: "plus"}
Could not find icon {prefix: "fa", iconName: "coffee"}
我尝试将FontAwescss链接包含到Head,但没有帮助。我正在使用npm v4.6.1
;node v8.9.1
;react v16.2
。
推荐答案
您需要将要使用的任何图标添加到"库"以便于参考。
import React from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import fontawesome from '@fortawesome/fontawesome'
import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import { faCheckSquare, faCoffee } from '@fortawesome/fontawesome-free-solid'
const styles = {
fontFamily: 'sans-serif',
textAlign: 'center',
};
fontawesome.library.add(faCheckSquare, faCoffee);
const App = () => (
<div style={styles}>
<FontAwesomeIcon icon="check-square" /><br /><br />
<FontAwesomeIcon icon="coffee" />
</div>
);
render(<App />, document.getElementById('root'));
请在此处查看可用的代码:
https://codesandbox.io/s/8y251kv448
另外,请阅读以下内容:
https://www.npmjs.com/package/@fortawesome/react-fontawesome#build-a-library-to-reference-icons-throughout-your-app-more-conveniently
这篇关于找不到图标反应-太棒了的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文