带有图标的 React-bootstrap 按钮

Question

我可以使用类似的代码在 react-bootstrap 中添加一个带有文本的按钮

        <Button
          className={styles.feedbackButtonRating}
          variant={this.state.liked ? 'success' : 'light'}
          onClick={this.handleOnLikeClick}
        >
          {FEEDBACK_LIKE_BUTTON_TEXT}
        </Button>

有没有办法{FEEDBACK_LIKE_BUTTON_TEXT}用拇指向上图标替换文本？

Answer 1

你可以尝试使用这个 npm 包react-icons

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

<Button>
    <FaThumbsUp />
</Button>