javascript - 带图标的React-Bootstrap按钮(React-bootstrap button with icon)

Question

I can add a button with text in react-bootstrap using code like(我可以使用类似的代码在react-bootstrap中添加带有文本的按钮)

<Button className={styles.feedbackButtonRating} variant={this.state.liked ? 'success' : 'light'} onClick={this.handleOnLikeClick} > {FEEDBACK_LIKE_BUTTON_TEXT} </Button> Is there a way to replace {FEEDBACK_LIKE_BUTTON_TEXT} text with a thumb up icon?(有没有办法用大拇指图标替换{FEEDBACK_LIKE_BUTTON_TEXT}文本？)   ask by sixtytrees translate from so

Answer 1

You can try out using this npm package react-icons(您可以尝试使用此npm包react-icons)

import { FaThumbsUp } from 'react-icons/fa'; <Button> <FaThumbsUp /> </Button>