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

Question

我在 React 中使用 Office Fabric UI。我想在图标按钮上使用 Font Awesome 图标而不是 Fabric 图标。

谁能告诉我我会怎么做？

Answer 1

这个问题已经在他们的 github 页面上提出，后来添加到他们的文档中。

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

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' }} />