Reactstrap输入组内的Fontawesome图标

Question

我正在尝试在输入字段附近放置图标，当我在InputGroupAddon组件中插入FontAwesomeIcon组件时，它看起来并不像它想象的那样。有我的code example。我想得到什么：screenshot 1。我真正得到的：screenshot 2。

Answer 1

您需要将FontAwesomeIcon组件放在span标记内

<span className="input-group-text"><FontAwesomeIcon icon={faUser} /></span>