Значок Fontawesome внутри группы ввода Reactstrap

Question

Я пытаюсь разместить значки рядом с полями ввода, и когда я вставляю компонент FontAwesomeIcon в компонент InputGroupAddon, он не выглядит так, как предполагается.Вот мой пример кода .Что я хочу получить: скриншот 1 .Что я действительно получаю: скриншот 2 .

Answer 1

Вам нужно поместить компонент FontAwesomeIcon внутри тега span

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