问题标签 [fluentui-react]

可以将按钮以外的组件添加到Commandbar吗？我想将SearchBox添加到Commandbar。那可能吗？

如何使用经典的“@fluentui/react”（而不是“@fluentui/react-norhtstar”）为 Microsoft Teams 构建应用程序？我的意思是，基本上我希望拥有“经典”FluentUI 库来使用团队的主题设置。

如这里的示例所示，您可以通过单击 V 形展开 NavLinkGroup。我想要相同的行为，但是当我单击标题时。我知道标题可以是按钮或链接，具体取决于提供的道具，但我假设如果您不提供标题的 url，它应该默认扩展组。

那么我该如何实现呢？

我们正在尝试配置 FluentUI DetailsList，使其只有一列，但会扩展以填充父元素的所有可用内容。即使使用layoutMode={DetailsListLayoutMode.justified}. 是否可以将其配置为执行此操作？

我们真的只需要一个带有选择的 List 组件，我们可以将我们自己的模板/元素放入列表中，并且由于 DetailsList 有选择，这似乎是一个显而易见的选择。

我正在尝试将 PivotItems 动态添加到 Fabric UI Pivot。

但这些项目没有呈现。当我删除所有 Pivot/item-stuff 并打印出一些文本时，它工作正常......

任何人都可以发送有关如何在功能组件（https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/basic ）中实现流畅的 UI详细信息列表以及如何从 API 获取数据到详细信息的代码列表

我们正在使用 Fluent UI React 上下文菜单，因为 Fluent UI Northstar 库不包含上下文菜单组件。但是，我们想使用 Fluent UI Northstar 库中的 MS Teams 图标，但我似乎找不到任何关于如何使用 JSX/Component 作为上下文菜单上的图标的文档。任何想法如何做到这一点？

Microsoft 的相关文档： Fluent UI 上下文菜单图标属性 Fluent UI Northstar Icons

我一直在寻找一种方法，主要是在专为 SPFX 和 fluent ui 的项目之间共享一些代码。我们找到了 3 种主要方法来做到这一点。

1. 创建组件库是最简单的方式，因为它使用相同的基础架构并且无需配置即可完成所有构建。

但这增加了一些问题，我们需要在本地构建并手动链接解决方案以使其工作，如果我们放入 repo，这也将工作。所以这被减轻了。第二个是隐含地这也需要流利的用户界面和反应。加上必须将其放置在 SPFX 组件库项目中。

2. 我看到了一些在 ts 中使用路径的承诺，并且在使用 ts 编译器时效果很好。它将转到您的项目所引用的文件夹并在调用时构建它。这很棒。但它在 SPFX 中不起作用。

3. 另一种方法是安装后同步文件夹，这似乎很容易，但我想知道这有多实用，以及人们是如何做的，如果他们是，如何做。

我现在想弄清楚的是一种获取组件代码并共享的方法，就好像它们在我的 src 的文件夹中或代码的简单扩展中一样。无需额外的依赖或构建步骤，只需可用作 ts/tsx 文件的代码即可。前任：

共享库：

src 项目文件夹：

如果它需要在我们使用它之前构建文件很好，但我们可以在构建时或安装包时进行吗？它也不会通过使两个模块都依赖于已经可用的东西（react，fluentui）来增加我的包大小吗？

流畅 UI 的选择组件有一个属性，可以让用户选择单个或多个项目。但是，我没有看到一种直接的方法来限制用户选择某些最大数量的项目。有没有办法做到这一点？

我试图通过使用 Selection 组件的 onSelectionChanged 事件来解决它。但解决方案和行为似乎并不完美。

Codepen 链接：https ://codepen.io/sakamati/pen/poRryqa

在 SPFx 的移动视图中查看时，React 拖放事件在对话框或面板中不起作用。尽管为面板设置了以下选项为真。layerProps={{eventBubblingEnabled:true}}

请帮忙！