Fluent UI 对 Dropdown 和 DatePicker 中缺少的图标做出反应答案

【问题标题】：Fluent UI react missing icons in Dropdown and DatePickerFluent UI 对 Dropdown 和 DatePicker 中缺少的图标做出反应
【发布时间】：2020-04-20 09:32:26
【问题描述】：

我正在创建一个使用 Microsoft fluent-ui lib 的电子应用程序。我已将引用 @fluentui/react": "^7.107.1 添加到 package.json 文件中。然后当我创建这样的下拉列表时

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

带有下拉图标的插入符号丢失。

在检查元素时，与文档中的示例相比，i-tag 似乎是空的，并且没有在 css 类中应用正确的字体。

有人能看出我做错了吗？

【问题讨论】：

标签： office-ui-fabric-react

【解决方案1】：

默认情况下，Fabric 图标不会添加到您的包中，以便为您不关心图标或只关心子集的场景节省字节。

为了使它们可用，您可以这样初始化它们：

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

initializeIcons(/* optional base url */);

【讨论】：