问题标签 [react-icons]

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 回答
1163 浏览

html - 图像标签 src 中使用的 React-icon 会带来错误

我正在关注ReactJS 的指南,并在使用指南指定的 Img 标记时遇到了上述错误。

导致此错误:

我如何能够将源链接到反应图标?以及为什么源不起作用。

这是我的代码:

0 投票
1 回答
36 浏览

reactjs - 确保以大写字母开头的组件名称

问题

我在react-icons尝试使用它时遇到错误:

图片

header.js我检查了未大写的首字母,但它们都是正确的:

我试过的

删除react-icons然后重新安装它yarn add react-icons--save。

做错误所说的Make sure to start component names with capital letter

而我尝试过的没有奏效。

我已经在下面对我有用的答案的帮助下修复了错误。

0 投票
1 回答
215 浏览

reactjs - React-Icons:图标与文本不对齐

我在我的一个项目中使用 react-icons,但我无法将图标(垂直)与文本对齐。以下是我目前得到的。

在此处输入图像描述

如您所见——图标比文字略高。

以下是我的 HTML 代码:

以下是我的CSS:

0 投票
2 回答
62 浏览

reactjs - 错误:styled_components__WEBPACK_IMPORTED_MODULE_0__.default.FaChevronRight 不是函数

Guestion:如何使用 styled-component 设置 react-icon 样式

当我创建 Icon 并放入 ancor 时,上面的错误显示我不知道如何使用 react-icon 设置组件样式

0 投票
1 回答
77 浏览

reactjs - 如何使用样式化组件在 reactjs 中设置 svg 样式

嘉宾:

我完全控制了 svg 图标,悬停在此图标上不起作用。喜欢在图标周围有边框,但是如果我设置边框,他会在图标周围放置边框,而不是在其自身上

0 投票
0 回答
107 浏览

css - css-in-js & react-icons:如何将 svg 图标传递给 css 剪辑路径属性?

如何将从 react-icons 导入的 svg 图标传递给clipPath使用 css-in-js 样式的 jsx 元素中的 css 属性?(在这个例子中使用情感)。

0 投票
2 回答
160 浏览

react-icons - 无法更改反应图标中的 GR 颜色

我发现gr图像不能改变颜色,你知道如何解决这个问题吗?谢谢你。

0 投票
2 回答
157 浏览

reactjs - 如何使用样式化组件更改反应图标中的字体大小

我想通过增加图标大小来制作悬停效果,图标来自反应图标,我正在使用样式组件。我应该怎么做?

谢谢 !!!

0 投票
0 回答
644 浏览

reactjs - 尝试导入错误:“FiMail”未从“react/icons/fa”导出

它表明FiMail即使在重新安装包后从反应图标导入时也存在一些错误

错误:

尝试导入错误:“FiMail”未从“react/icons/fa”导出

0 投票
1 回答
858 浏览

javascript - “反应图标”中的 IO 图标未导入

我已经使用 npm 正确安装了 react-icons 模块,并且一切正常。我可以在没有任何错误的情况下导入图标,但遗憾的是,每当我尝试导入一个图标时Io,就像

  • IoSettingsSharp
  • IoSettingsOutline 等

    就像:

    我得到错误:

    ./src/Home.js 尝试导入错误:“IoSettingsOutline”未从“react-icons/io”导出。

    有趣的是,我已经像这样导入了所有其他图标,切换了名称和结尾'react-icons/io'

    发生了什么,我该如何解决这个问题?