получить список iconNames из офисного интерфейса пользователя

Question

Как я могу получить список действительных IconNames из пользовательского интерфейса офиса fabri c. Я пытаюсь создать средство выбора значков для веб-части spfx. Я пытался импортировать IconNames из @ uiFabric / icons: import {IconNames} из "@ uifabric / icons", но я получаю ошибку: использование const enum устарело.

Спасибо, Рассел

Answer 1

Icon.SvgFactory.Example показывает, как перечислять значки, определенные в библиотеке @ fluentui-реагировать-значки.

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;
}, []);