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

Question

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

谁能告诉我该怎么做？

Answer 1

这个问题已经raised在他们的 github 页面上，后来添加到他们的 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' }} />