跳至内容
Font Awesome 文档
欢迎 Web Awesome，最大最好的开源 Web 组件库。
立即预订！

深入了解

通过更深入地了解我们加载图标的方式以及如何将其微调为您的具体需求，您可以将 Font Awesome 与 React 提升到一个新的水平。

单元测试

在测试组件时，您需要确保这些组件中引用的任何图标都可用于测试。您可以在这里选择两种方式。

  1. 如果您想单独测试子组件，则可以显式导入其图标。
  2. 如果您构建的是库，并且测试不包括定义图标库的根组件，则可能会出现以下错误
Could not find icon { prefix: 'fas', iconName: 'chevron-right' }

如果发生这种情况，并且图标对特定测试不重要，则可以像这样模拟 FontAwesomeIcon

import React from 'react'


export function FontAwesomeIcon(props) {
  return <i classname="fa"></i>
}

使用 create-react-app，您可以将此代码放在 src/__mocks__/@fortawesome/react-fontawesome.js 中，以自动将其包含在任何测试中，并避免错误。