office-ui-fabric - 从 office UI 结构中获取 iconNames 列表

Question

如何从 office UI 结构中获取有效的 IconNames 列表。我正在尝试为 spfx webpart 创建一个图标选择器。我已经尝试从 @uiFabric/icons 导入 IconNames ： import{IconNames} from "@uifabric/icons" 但我收到一个错误：不推荐使用 const 枚举。

谢谢罗素

Answer 1

Icon.SvgFactory.Example展示了如何枚举@fluentui-react-icons 库中定义的图标。

const icons = Object.keys(ReactIcons).reduce((acc: React.FC[], exportName) => {
  if (!!(ReactIcons as any)[exportName].displayName) {
    acc.push((ReactIcons as any)[exportName] as React.FunctionComponent);
  }

  return acc;
}, []);