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

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

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

Каретка с выпадающим значком отсутствует.

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

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

Проверка раскрывающихся элементов

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


person Magnus Erkenfelt    schedule 20.04.2020    source источник


Ответы (1)


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

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

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

initializeIcons(/* optional base url */);
person Magnus Erkenfelt    schedule 20.04.2020