我是 reactjs 新手，正在尝试从 react-icons 导入 faBar 元素，但是出现以下错误：

这是我的代码：

如何从 react-icons 导入 FaBar 或 Fabeer？

我还更新了反应图标

错误：编译失败。

./node_modules/react-icons/ai/index.esm.js 找不到模块：无法解析'../lib'

请问我做错了什么？

大家好，所以我正在尝试在 react.js 中创建滚动到顶部按钮，并且我已经设法完成了组件，但问题是我无法使图标垂直居中在圆形按钮上。我该如何解决？我试图将项目对齐到中心。是因为图标本身在顶部有某种填充吗？

这是我的代码：

我的CSS代码：

我正在构建一个按钮组件：

我正在使用react-icons库，我应该在接口中声明什么类型？如果我将 svg 元素作为 startIcon 道具传递，它对类型声明有影响吗？

在 React 中，您可以使用图标上下文或样式属性更改图标的颜色：

但它不工作我做错了什么我在stackoverflow上发现了一些类似的请求，在github https://github.com/react-icons/react-icons/issues/404上发现了一些错误请求， 或者可能是一些反应图标不能用颜色来设计

笔触，填充，颜色有什么区别？

这会给出一个错误，但希望它显示得差不多，但我想做。我想在我的组件中有一堆图标（稍后它们将是链接），但我想知道是否有一种方法可以动态地引入它们而不是硬编码它们。

数据

组件文件

我遇到了这个问题：

类型 '{ icon: IconifyIcon; 中缺少属性 'fr' }' 但在 'Pick<IconProps, "string" | 类型中是必需的 “孩子” | "类名" | “风格” | "显示" | “溢出” | “能见度” | “订单” | “颜色” | “宽度” | “身高” | "字体家族" | "字体大小" | ... 465 更多... | "vAlign">'。TS2741（打字稿）

这些是我一直在使用的软件包：

这是示例代码：

我想知道是否可以将 react-icons 与 select-option 元素一起使用。我在谷歌上搜索了很多关于这个问题的信息，但所有的解决方案都与 react-select 库相关，而不是简单的 select-option 元素。

这就是我在做什么

结果：

我想要的是：

谢谢

目前，为了在“react-icons”库下设置我的图标样式，我正在使用“IconContext.Provider”标签。但是，是否有解决方案可以根据媒体的大小动态更改图标的大小？

唯一的解决方案是只使用全局样式表吗？我正在避免它，因为我才刚刚开始使用 NextJs，我不希望我的风格与其他风格发生冲突。因此，我将它们分成模块。

谢谢你。

导航栏.Module.Css

导航栏.tsx

请耐心等待，我正在学习 React，所以我是初学者。我正在尝试创建一个底部导航面板。我没有对每个导航栏元素进行硬编码，而是找到了将导航栏元素存储在数组中然后将其映射到导航栏的好例子。我已经完成了以下工作，除了我不确定如何在组件本身的 navTabs 数组中动态引用图标？我可以毫无问题地添加（例如）<FaIdCard />，但我不想硬编码，因为它会破坏从数组生成导航的点。