office-ui-fabric-react - Fluent UI 对 Dropdown 和 DatePicker 中缺少的图标做出反应

Question

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

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

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

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

有人可以看到我做错了什么吗？

Answer 1

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

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

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

initializeIcons(/* optional base url */);