问题标签 [react-font-awesome]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 设置 favicon 时不出现 React-FontAwesome 图标
我使用 react-fontawesome 模块来显示一些品牌图标。
当一个 favicon 被设置<Head>...</Head>
(从 导入next/head
)时,所有 react-fontawesome 图标都会消失。
请告诉我如何解决这个问题。
谢谢你。
react-bootstrap - 使 FontAwesomeIcon 在按钮中居中
我正在使用 react-bootstrap 按钮和 fortawesome/react-fontawesome 作为图标。我正在使用此代码设置按钮的高度和宽度
然后我使用此代码在按钮内插入图标
但我的问题是图标超出了按钮。如何使按钮内的图标居中
reactjs - React.js:如何将 Fontawsome 图标作为道具发送?
我使用这个对象作为 React.js 组件道具。但发送后,FontAwsome 找不到通过的图标
我的组件:
错误:
reactjs - 在基于 React 的设计系统中使用 FontAwesome 图标库
我正在尝试在基于 React 的设计系统中使用 Fontawesome 的免费实体图标的 React 模块。我想将 FontAwesomeIcon 组件作为由 FontAwesomeIcon 组件呈现的字符串访问
例如:
<FontAwesomeIcon icon="coffee"/>
或者
<FontAwesomeIcon icon={['fas', iconProp]}
如果这发生在 React 组件中,比如组件,它是一个命名导出,我应该在设计系统中的每个其他组件中导入图标 Button
库( )吗?import './fontAwesomeLibrary.js'
库文件:
reactjs - 来自 StyleSheet 的 React Font Awesome 样式不起作用
我正在使用 React FontAwesome 包在我的 React 项目中使用 FontAwesome 图标。发生了一些奇怪的事情,那就是:
如果我使用 StyleSheet.create 参考中的参考:
那是行不通的。然而,具有这种风格的对象字面量(这在 React 中不是推荐的做法)确实有效:
我的设置有什么问题/有什么问题?
reactjs - 如何处理错误“找不到图标”
我动态创建图标名称,有时会发生库中没有对应的图标。有什么方法可以捕获错误并使用默认图标名称?
javascript - 社交媒体字体真棒图标在反应 js 中不起作用
错误
尝试导入错误:“faTwitter”未从“@fortawesome/free-solid-svg-icons”导出。
我在 react js 中使用了很棒的字体图标,很少有图标像这样工作:- faPhoneAlt,faHeart,faBars,faChevronDown
但社交媒体图标不起作用。
代码
reactjs - 如何在 React 中使用 FontAwesome 图标库?
我有一个使用 FontAwesome 图标的 React 项目。为了保持代码干燥,我想使用图标库将我的图标导入保存在一个单独的文件中,按照此处的指南:https ://fontawesome.com/how-to-use/javascript-api/setup/library 。
我添加了一个fontawesome.js
包含以下代码的文件:
并导入fontawesome.js
我的index.js
. 然后我尝试渲染faCode
到我的Icon.js
组件:
只是遇到以下错误:
我想我在这里缺少一个导入。文档并没有完全清楚地说明图书馆建立后要做什么。有什么想法吗?
reactjs - 如何使用样式组件设置 React FontAwesome 图标的样式?
在我的 React 应用程序中,我需要一些彩色圆圈,即红色、绿色、蓝色等。我看到 Font Awesome 图标集对 React 有官方支持,所以我安装了相关包。我复制了这些示例,它们开箱即用。
由于我需要的图标非常简单,因此我想要一个<RedCircle />
可以在页面中使用的简单组件(即 ),但我无法理解如何正确创建该组件并为其设置样式。
这是我最后整理的:
它有效,但感觉有点麻烦/过度。有没有更清洁或更正确的方法?
css - 悬停在封闭的div容器上时如何更改图标颜色
我有一个由 FontAwesome 图标和一些文本组成的 div。当指针悬停在根 div 的顶部时,我想保留图标的白色并将其更改为绿色。我怎样才能做到这一点?
组件:
造型:
如果我设置,我想我可以改变图标的颜色:
但是这样做只会改变文本的颜色,而不是图标的颜色。