reactjs - React Font Awesome,如何使用额外的类,比如 'fa-fw'

标签 reactjs font-awesome

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

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

最佳答案

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

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

它将产生这个 class属性:
<svg class="svg-inline--fa far-calendar fa-w-14 fa-fw" ...

关于reactjs - React Font Awesome,如何使用额外的类,比如 'fa-fw',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49457122/

相关文章:

jquery - 使用 $.get() 检索 HTML 代码段后, Font Awesome 图标消失了

javascript - 使用 Font Awesome 禁用 sr-only span 元素

reactjs - 由于 useSelector 更新导致 useEffect 循环

javascript - ReactJS 使用 .sort() 方法混合数组中的结果

java - 如何使用 fetch() 从 java servlet 以 JSON 形式发送数组以响应前端?

html - Font Awesome 图标溢出其容器

node.js - 如何从本地文件夹中获取 React 组件,而无需从全局安装的 Node 应用程序中获取 node_modules?

javascript - 我应该在 React.js 函数组件中哪里进行 AJAX 和 API 调用?

twitter-bootstrap - Twitter Bootstrap 中的 Font Awesome 与 Glyphicons

javascript - 使用 Bootstrap 在 html 表中 float 文本和图标