问题标签 [react-font-awesome]

react-font-awesome repo上的这个问题表明这至少是可能的，但没有概述添加自定义 SVG 图标所需的内容。

React Font Awesome 允许您从库中添加图标，但只能从它们自己的库中添加。

有什么方法可以创建自己的图标库并添加它？

我为什么要这样做？因为 react-font-awesome 围绕它的<FontAwesomeIcon />组件构建了很多有用的功能，我希望能够将这个单一组件用于我的应用程序中的所有图标，无论它们是 Font Awesome 图标还是我自己的。

注意：我了解如何创作 SVG 文件，我有兴趣将它们打包为可以加载到 react-font-awesome 的库。

library.add必须将所有导入的图标重新输入到函数中，这似乎很乏味（并且像一把手枪） 。有没有办法解决这个问题？

此外，如果我输入错误（或使用错误的名称，例如，faBarChart而不是faChartBar），我会在 react-fontawesome 中得到一个无用的错误：TypeError: Cannot read property 'prefix' of undefined:(

我正在使用 FontAwesome 的 react-fontawesome，如下所示：

但生成的图标周围有太多空间。

一直在尝试修复它但没有任何效果，我做错了什么吗？

我正在尝试通过字体真棒网站内部的 unicode 值在 svg 圆圈内嵌入一个字体真棒图标<text>，但它们未能出现：

出于某种我不明白的原因，当我使用这个 unicode value( &#x2713) 时，它确实出现了（但它不是我需要的图标）：

一些代码：

从反应组件：

来自scss：

什么会导致这种情况？

我有一个黑色背景的页面，我使用 React FontAwesome 放置了一个类似的白色图标

鼠标在图标上变黑，我看不到它。如何让图标不变色？我已经尝试将 css 应用于图标和链接，但没有运气。

Basically I'm trying to use two icons:

1. <i class="fas fa-heart"></i> Solid heart icon

2. <i class="far fa-heart"></i> Regular heart icon (outlined)

The first one I got with the following code:

<FontAwesomeIcon icon={faHeart} />

How can I get the second one?

您好，我正在使用 react-fontawesome 和 webpack 4.33 版本，当我使用 IconComponent 时遇到这个问题，它会抛出一个错误 TypeError: Object(...) is not a function。

似乎代码点就在这里：

我的 webpack 开发配置文件中有这个：

我想我没有在我的 webpack 文件中添加一些配置，或者我应该在 react-fontawesome 的存储库中将其报告为错误？

我正在运行一个 React 应用程序，我需要在这个 Codepen中的选择表单字段内呈现一个 FontAwesome 图标

为了实现这一点，我使用 CSS Pseudo Elements, :after 具体定义为here

不幸的是，这在这个 CodePen中运行良好，但它不会在我的应用程序的 div 中呈现。我得到一个框，显示 FontAwesome 图标未呈现，实际图标出现在选择输入之后。请参阅下图了解它的外观。

CSS

索引.html

我正在尝试将 Font Awesome 集成到我正在开发的 React Native Expo 应用程序中，但我不断收到以下错误：

console.error：“错误：图标未找到图标 =”，“咖啡”

我只是按照以下 GitHub 页面上关于 React Native Font Awesome 的说明进行操作：https ://github.com/FortAwesome/react-native-fontawesome

具体来说，首先，我运行了以下命令：

这些都运行良好。然后我将以下内容添加到我的主屏幕代码中：

同样，我只是按照上面链接的 GitHub 页面上的说明进行操作。当我做所有这些时，我得到了上面提到的错误。因此对我package.json来说，我在expo版本上~36.0.0。

有任何想法吗？非常感谢您提前。

我希望输出如下图所示。

我在下面找到了罐子

但是这段代码不在 REACT 中，我想在 REACT 中使用React-Fontawesome来实现它

所以请帮我解决这个问题。