Свободный пользовательский интерфейс реагирует на отсутствующие значки в выпадающем и DatePicker

Question

Я создаю электронное приложение, которое использует Microsoft fluent-ui lib. Я добавил ссылку @fluentui/react": "^7.107.1 в пакет. json файл. Когда я затем создаю раскрывающийся список, подобный этому

<Dropdown label='Time zone' onChange={(e, option) => this.updateTimeZone(..)} />

Отсутствует каретка со значком раскрывающегося списка.

При проверке элемента кажется, что i-тег пуст и не имеет правильного шрифта, примененного в css -классе, по сравнению с примерами в документации.

Может кто-нибудь увидеть, что я делаю не так?

Answer 1

По умолчанию значки Fabri c не добавляются в ваш комплект, чтобы сохранить байты для сценария ios, где вас не интересуют значки или вас интересует только подмножество.

Чтобы сделать их доступными, вы можете инициализировать их следующим образом:

import { initializeIcons } from 'office-ui-fabric-react/lib/Icons';

initializeIcons(/* optional base url */);