React Font Awesome,如何使用其他类,例如' fa-fw'

时间:2018-03-23 19:31:07

标签: reactjs font-awesome

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

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

2 个答案:

答案 0 :(得分:2)

我不确定你要做什么,但我认为你正在尝试添加额外的课程名称。如果是,请使用className

<FontAwesomeIcon className="fa-fw" icon="calendar" title="magic" />

它将生成此class属性:

<svg class="svg-inline--fa far-calendar fa-w-14 fa-fw" ...

答案 1 :(得分:0)

在当前版本中,您可以像这样添加fixedWidth:

<FontAwesomeIcon icon="spinner" fixedWidth />