问题标签 [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.

0 投票
1 回答
539 浏览

javascript - 设置 favicon 时不出现 React-FontAwesome 图标

我使用 react-fontawesome 模块来显示一些品牌图标。
当一个 favicon 被设置<Head>...</Head>(从 导入next/head)时,所有 react-fontawesome 图标都会消失。
请告诉我如何解决这个问题。

谢谢你。

0 投票
1 回答
430 浏览

react-bootstrap - 使 FontAwesomeIcon 在按钮中居中

我正在使用 react-bootstrap 按钮和 fortawesome/react-fontawesome 作为图标。我正在使用此代码设置按钮的高度和宽度

然后我使用此代码在按钮内插入图标

但我的问题是图标超出了按钮。如何使按钮内的图标居中

0 投票
2 回答
1126 浏览

reactjs - React.js:如何将 Fontawsome 图标作为道具发送?

我使用这个对象作为 React.js 组件道具。但发送后,FontAwsome 找不到通过的图标

我的组件:

错误:

0 投票
1 回答
95 浏览

reactjs - 在基于 React 的设计系统中使用 FontAwesome 图标库

我正在尝试在基于 React 的设计系统中使用 Fontawesome 的免费实体图标的 React 模块。我想将 FontAwesomeIcon 组件作为由 FontAwesomeIcon 组件呈现的字符串访问

例如:

<FontAwesomeIcon icon="coffee"/>

或者

<FontAwesomeIcon icon={['fas', iconProp]}

如果这发生在 React 组件中,比如组件,它是一个命名导出,我应该在设计系统中的每个其他组件中导入图标 Button库( )吗?import './fontAwesomeLibrary.js'

库文件:

0 投票
0 回答
14 浏览

reactjs - 来自 StyleSheet 的 React Font Awesome 样式不起作用

我正在使用 React FontAwesome 包在我的 React 项目中使用 FontAwesome 图标。发生了一些奇怪的事情,那就是:

如果我使用 StyleSheet.create 参考中的参考:

那是行不通的。然而,具有这种风格的对象字面量(这在 React 中不是推荐的做法)确实有效:

我的设置有什么问题/有什么问题?

0 投票
1 回答
221 浏览

reactjs - 如何处理错误“找不到图标”

我动态创建图标名称,有时会发生库中没有对应的图标。有什么方法可以捕获错误并使用默认图标名称?

0 投票
1 回答
788 浏览

javascript - 社交媒体字体真棒图标在反应 js 中不起作用

错误

尝试导入错误:“faTwitter”未从“@fortawesome/free-solid-svg-icons”导出。

我在 react js 中使用了很棒的字体图标,很少有图标像这样工作:- faPhoneAlt,faHeart,faBars,faChevronDown

但社交媒体图标不起作用。

代码

0 投票
2 回答
361 浏览

reactjs - 如何在 React 中使用 FontAwesome 图标库?

我有一个使用 FontAwesome 图标的 React 项目。为了保持代码干燥,我想使用图标库将我的图标导入保存在一个单独的文件中,按照此处的指南:https ://fontawesome.com/how-to-use/javascript-api/setup/library 。

我添加了一个fontawesome.js包含以下代码的文件:

并导入fontawesome.js我的index.js. 然后我尝试渲染faCode到我的Icon.js组件:

只是遇到以下错误:

我想我在这里缺少一个导入。文档并没有完全清楚地说明图书馆建立后要做什么。有什么想法吗?

0 投票
0 回答
218 浏览

reactjs - 如何使用样式组件设置 React FontAwesome 图标的样式?

在我的 React 应用程序中,我需要一些彩色圆圈,即红色、绿色、蓝色等。我看到 Font Awesome 图标集对 React 有官方支持,所以我安装了相关包。我复制了这些示例,它们开箱即用。

由于我需要的图标非常简单,因此我想要一个<RedCircle />可以在页面中使用的简单组件(即 ),但我无法理解如何正确创建该组件并为其设置样式。

这是我最后整理的:

它有效,但感觉有点麻烦/过度。有没有更清洁或更正确的方法?

0 投票
2 回答
42 浏览

css - 悬停在封闭的div容器上时如何更改图标颜色

我有一个由 FontAwesome 图标和一些文本组成的 div。当指针悬停在根 div 的顶部时,我想保留图标的白色并将其更改为绿色。我怎样才能做到这一点?

组件:

造型:

如果我设置,我想我可以改变图标的​​颜色:

但是这样做只会改变文本的颜色,而不是图标的颜色。