React Font Awesome,如何使用诸如“fa-fw”之类的其他类

Ki*_*aya 3 font-awesome reactjs

我正在使用 React-FontAwesome,如果我像这样导入 Font Awesome <FontAwesomeIcon icon={['far', calendar]}/>,并且如果我需要使用类“fa-fw”添加间距,我该怎么做?

https://codesandbox.io/s/40v5jk6no7

Tom*_*zyk 7

我不确定您要做什么,但我假设您正在尝试添加额外的类名。如果是这样,请使用className

<FontAwesomeIcon className="fa-fw" icon="calendar" title="magic" />
Run Code Online (Sandbox Code Playgroud)

它将产生这个class属性:

<svg class="svg-inline--fa far-calendar fa-w-14 fa-fw" ...
Run Code Online (Sandbox Code Playgroud)