问题标签 [fluent-ui]

正如微软最近发布了一个名为“Fluent Design”的设计系统，是否适合将其应用到网页设计中？

我的大部分搜索都是针对所有 Microsoft 平台、C# 应用程序、F# 等。我从未见过任何有关网页设计的内容。

我正在使用Fluent UI DetailsList。在示例中，组件被实现为类组件，但我使用的是功能组件。

我在获取所选项目时遇到困难，我假设并认为我的实施不正确。问题是我没有得到任何选定的项目。

我正在尝试将 FluentUI Northstar 用于 Microsoft Teams 的 React 应用程序，但似乎没有一个有据可查的解决方案来确定要应用什么主题，或者当用户更改主题时如何响应。

据我所见，主题被传递到Provider，例如

但是themes.teamsDark，例如，虽然我可以通过，但我不知道如何从 Teams 本身获取这个主题，或者如何设置onChange通知。

这是可能的，而且（甚至更好），我在这里错过了任何官方的 MS 文档吗？

我正在使用 office-ui-fabric-react 的 DetailsList 组件来显示我的表格。我正在设置道具

使复选框始终可见。但这不适用于标题中的全选复选框。仅当我将鼠标悬停在它上面时，全选复选框才可见。我希望全选复选框始终可见。有什么解决办法吗？

安装 @fluentui/react 后，我​​尝试使用像这个文档https://developer.microsoft.com/en-us/fluentui#/styles/web/layout这样的网格

但它不起作用，其他控制组件工作正常。我错过了什么？

他们的文档只提到 npm 包。

复制步骤：

https://developer.microsoft.com/en-us/fluentui#/controls/web/scrollablepane

在“DetailsList Locked Header”中，向下滚动到超过第一页的非零位置，然后在“按名称过滤”中输入“sed”。这会更新 detailsList 并且滚动条不会转到初始位置。

错误/询问：

当我们向下滚动到假设 50 的位置时，现在如果详细信息列表有更新，假设为 350。滚动条不会返回到起始位置，它会重新渲染到靠近顶部的随机位置（在我的案子）。

方法/临时黑客：

通过代码，我注意到可滚动窗格的初始滚动位置仅在实现中的“initialScrollPosition”道具更改时才被刷新。每当 detailList 通过将其设置为 0 或 1 进行更新时，我尝试更改组件中的 'initialScrollPosition' 道具。对此进行调试时，initialScrollPosition 的道具在 ScrollablePane 组件内没有改变。这不起作用，可滚动窗格仍未设置为开始。

有没有人找到解决方法或解决方案？

fluentui上有一个漂亮的基于模式的表单组件

但是他们没有提供任何方法/示例来收集我所知道的数据。（至少不在文档中）。我可以从事件中收集大多数值，onSubmit但它变得很棘手，因为并非所有 html 组件都必须是具有该value属性的输入元素。我也不认为这是预期的方式。任何人都可以启发我吗？我认为您必须能够以某种方式将 onChange 函数提供给它。还是我应该在每个字段对象中添加 onChange 函数？

Fluent UI React 的新手。

我一直在修改这个框架，并阅读了我能找到的所有文档。我的理解是在组件样式方面鼓励使用CSS-in-JS方法。我看到有两种方法可以做到这一点——通过stylesprop 和使用mergeStyleSets实用程序函数 + classNameprop。这是一个代码笔来说明我的意思。

我的问题是，它们服务于不同的用例还是几乎相同？我如何决定使用哪一个？谢谢。

我正在尝试使用基于此示例的 Fluent UI PeoplePicker，用于 Office Outlook 插件： FLUENT UI PeoplePicker ，它在 React 中使用 FunctionComponent。我对 React 并不流利，但我仍然知道回调在类中是如何工作的，但我不确定是否可以在函数组件中实现回调？

我有这个在主 App 类中使用的 PeoplePicker FunctionComponent 示例。我需要在更改此 PeoplePicker 值时将数据传递回父级，但我不太清楚该怎么做。

主要问题是，如果可能的话，如何从 FunctionComponent 传回值？

很直接。我Link在其他Microsoft Fluent UI控件上看到了 React Router 使用示例。不过，我还没有找到将它与 Fluent UILink组件一起使用的方法。