Как отображать пользовательские значки (не Office UI Fabri c Icons) в INavLink в приложении React - PullRequest
Новая
       41

Как отображать пользовательские значки (не Office UI Fabri c Icons) в INavLink в приложении React

0 голосов
/ 05 августа 2020

Я использую Nav из office-ui-fabri c -react и визуализирую панель навигации с такими значками, как здесь https://docs.microsoft.com/en-us/javascript/api/office-ui-fabric-react/inavlink?view=office-ui-fabric-react-latest#icon. Мое требование - отобразить какой-нибудь настраиваемый значок на панели навигации. Свойство icon ожидает строку, и я могу использовать значки только отсюда https://uifabricicons.azurewebsites.net/ с их понятными именами, 

          //Doesn't render icon
          {
            name: "App details",
            url: "http://msn.com",
            key: "key1",
            target: "_blank"
            icon : "SomeURL"(Some custom icon from the project)
          }

          //renders icon
          {
            name: "App details",
            url: "http://msn.com",
            key: "key1",
            target: "_blank"
            icon : "Documentation"(Any Friendly Name from above list of icons)
          }

Требование: необходимо отображать значок, который не является частью из списка здесь https://uifabricicons.azurewebsites.net/

1 Ответ

1 голос
/ 07 августа 2020

Вы можете попробовать настроить внешний вид вашей ссылки с помощью метода onRenderLink

https://developer.microsoft.com/en-us/fluentui# / controls / web / nav

...