Ruby on rails 如何在Hyperstack中使用某些图标？

在带有Rails和ReactJS的项目中使用图标的最佳方法是什么，使用Thread只包含您需要的图标？

这是最好的方法：

使用纱线添加模块：

yarn add @fortawesome/fontawesome-svg-core
yarn add @fortawesome/free-solid-svg-icons
yarn add @fortawesome/react-fontawesome

将它们导入到您的一个Webpacker包中：

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { library } from '@fortawesome/fontawesome-svg-core';
import { faAngleDown, faAngleUp, faCoffee } from '@fortawesome/free-solid-svg-icons';

library.add(faAngleDown, faAngleUp, faCoffee);
global.Fa = FontAwesomeIcon;

然后在组件中使用它们：

H1{Fa（图标：'coffee'）}#继承你的H1风格
Fa（图标：“角度向下”，尺寸：“xs”）
Fa（图标：“角度向上”，类名：“特殊”）

如果您经常使用某些图标，则可以将帮助器方法添加到您的

超组件

类：

类超组件
包含Hyperstack:：组件
包括Hyperstack:：State:：Observable
def图标检查
Fa（图标：“勾选”，类名：“绿色”，尺寸：“lg”）
结束
结束

真的就这么简单