css - 在 React 中为 Font Awesome 图标添加边距

Question

我在我的元素中使用了 reactstrap。我试图在我的 React 元素中为 font awesome 图标添加边距，但它没有用。

我错过了什么？

<NavItem>
     <NavLink active href="/products"><FontAwesomeIcon className="mr-2" icon={faClone}></FontAwesomeIcon><span>Products</span></NavLink>
</NavItem>

Answer 1

className 不适用于组件，它只适用于 DOM 元素。尝试将 FontAwesomeIcon 包装在一个 div/span 中

<NavItem>
     <NavLink active href="/products"><div className="mr-2"><FontAwesomeIcon icon={faClone}></FontAwesomeIcon><span>Products</span><div></NavLink>
</NavItem>