如何在 Office UI Fabric React 图标按钮组件中使用 Font Awesome 图标？

【问题标题】：How can I use Font Awesome icons in an Office UI Fabric React icon button component?如何在 Office UI Fabric React 图标按钮组件中使用 Font Awesome 图标？
【发布时间】：2017-12-14 00:21:04
【问题描述】：

我在 React 中使用 Office Fabric UI。我想在 icon button 上使用 Font Awesome 图标，而不是 Fabric 图标。

谁能告诉我该怎么做？

【问题讨论】：

运气好吗？
没有。我问了这个问题后读到，包含的图标除了用作 MS Office 应用程序的一部分之外没有任何许可，所以我当时放弃了使用它的计划。

标签： reactjs button icons font-awesome office-ui-fabric

【解决方案1】：

这个问题已经在他们的 github 页面上raised，后来添加到他们的documents。

下面是他们文档中的复制和粘贴，
注册图标

import { registerIcons } from '@uifabric/styling';
import Icon from '@fortawesome/react-fontawesome';    
registerIcons({
  icons: {
    'Home': <Icon icon={['fal', 'home']} />,
    'HomeSolid': <Icon icon={['fas', 'home']} />,
  }
});

使用它

import { Button } from 'office-ui-fabric-react/lib/Button';

const IconTest = () => <Button iconProps={{ iconName: 'HomeSolid' }} />

【讨论】：