如何解决如何使用样式组件为 React FontAwesome 图标设置样式？
在我的 React 应用程序中，我需要一些彩色圆圈，即红色、绿色、蓝色等。我看到 Font Awesome 图标集有 official support for React，所以我安装了相关包。我复制了这些示例，它们开箱即用。
由于我需要的图标非常简单，我想要一个可以在页面中使用的简单组件（即 <RedCircle />），但我无法理解如何正确创建该组件和样式
这是我最后整理的：
const RedStyle = styled.span` color: red; `;
const RedCircle = React.memo( () => (<RedStyle> <FontAwesomeIcon icon={faCircle} /> </RedStyle>));
const GreenStyle = styled.span` color: green; `;
const GreenCircle = React.memo( () => (<GreenStyle> <FontAwesomeIcon icon={faCircle} /> </GreenStyle>));
它有效，但感觉有点麻烦/过度。有没有更干净或更正确的方法？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
