问题标签 [fluent-ui]

我正在尝试为我的组合框组件编写更多单元测试，但更具体地说，我想模拟键盘输入到组合框。我尝试过使用 React 的测试库的键盘事件（例如：fireEvent.keyDown），但是当我在触发事件后进行调试时，输入值永远不会改变。

理想情况下，我想在我的单元测试中使用 React 的测试库，但如果还有其他更容易的东西，我会接受它。

基本上，我只想知道：如何为组合框组件的基本功能编写单元测试？

编辑：现在如果我在 ComboBox 道具中将 autoComplete 设置为“关闭”，我将无法进行单元测试。我在“A”上尝试过 keyDown，然后在“Enter”和“Tab”上尝试过 keyDown，但无济于事。更新了下面的代码片段。

我需要在onRenderFluentUI DetailsList 列的函数中使用 ref。但是如果我尝试使用字符串 ref: 例如：ref={"myref"}React 抱怨react-dom.development.js:13381 Uncaught (in promise) Error: Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here:..... 如果我尝试使用 useRef，我会收到一个错误，即 onRender 函数不是功能组件。如何在 FluentUI DetailsList onRender 函数中使用 refs（多个）？

嗨，我一直在我的项目中使用 TextField。但是，现在我需要 href 支持。

例如，如果文本包含一个 http 链接，它应该在单击时作为链接工作。

哈希标签和电子邮件也是如此。

我知道 TextField 不支持。有解决方法吗？或者我应该创建一个功能请求？

我正在 Office 结构中创建多选下拉菜单。我看到了代码。它包含功能组件。我想在类组件中进行更改。我们如何将选定的选项存储在状态变量中？请指导我。我是 spfx 共享点的新手。

下面给出的代码： -

我们正在创建一个 Teams 选项卡应用程序，按照 Microsoft 的建议，我们使用 @fluentui/react-northstar@0.49.0 进行 UI 控件。但是没有选项可以在网格或其他布局中提供响应性，以便根据屏幕尺寸（如不同的屏幕尺寸、平板电脑和移动设备）调整其自身的控件。请让我知道该组件中是否有任何选项可用，否则我们需要为此目的使用外部的任何 CSS 框架。提前感谢您的回复。

我正在尝试创建一个带有可排序列的 DetailsList（类似于此处文档中的示例：https ://uifabric.azurewebsites.net/#/controls/web/detailslist ），但我想使用 Class 组件而不是功能组件和钩子。

问题是在执行 onColumnClick 函数时，“items”数组仍然是空的。

这基本上是我的组件的设置：

问题是在handleColumnClick返回items一个空数组。当您想按特定列对项目进行排序时，这显然是一个问题。

我正在使用 FluentUI 下拉控件，但找不到自定义悬停样式的方法。我想将悬停颜色从灰色更改为蓝色。我试过跟随，但似乎没有用。任何帮助将不胜感激。

.dropdownItem-168 是下拉项目的类。

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

如何更改详细信息列表中标题单元格的字体大小和填充。我正在使用onRenderDetailsHeader道具来自定义标题渲染。

密码笔

我正在使用 fluent ui northstar 的文档

而且我无法弄清楚如何为表单字段中设置的值设置状态值，我尝试设置 onChange 函数，它给了我一个错误，说它没有找到。

I want to use a pivot in Fluent UI to display the menu.

It displays like this:

But I want to let the Pivot Header to the center, I have tried to change the styles attribute, but didn't have any progress.

How to align the the Pivot Header to center?