javascript - 带有图标的 React-bootstrap 按钮
问题描述
我可以使用类似的代码在 react-bootstrap 中添加一个带有文本的按钮
<Button
className={styles.feedbackButtonRating}
variant={this.state.liked ? 'success' : 'light'}
onClick={this.handleOnLikeClick}
>
{FEEDBACK_LIKE_BUTTON_TEXT}
</Button>
有没有办法{FEEDBACK_LIKE_BUTTON_TEXT}
用大拇指图标替换文本?
解决方案
你可以尝试使用这个 npm 包react-icons
import { FaThumbsUp } from 'react-icons/fa';
<Button>
<FaThumbsUp />
</Button>
推荐阅读
- vb.net - 变量名称“@userid2”已被声明。变量名称在查询批处理或存储过程中必须是唯一的
- php - Composer 在安装 Laravel 时显示错误
- c++ - 正确使用枚举元素
- php - 以特定格式将数据库导出为 json
- css - JavaFX progressBar不同颜色的progressBar部分
- ionic-framework - Ionic 3:内联显示离子搜索栏和离子段按钮
- laravel - Laravel MethodNotAllowedHttpException 如果请求具有 base64 图像数据
- unity3d - 着色器 - 将 PerRendererData 与数组属性一起使用
- jena - 在开发基于知识的 QA 系统时,何时需要使用像 jena 这样的推理器?
- mule-esb - Mule 中的 Http 处理程序