问题标签 [office-ui-fabric-react]

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

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

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

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

密码笔

我正在使用 fluent-ui-react 中的 Modal 组件

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

像这样：

然后我从其他组件调用 ModalExtended 组件，如下所示：

在 body 道具中，我发送了另一个组件（GenericTreeGridContainer），我想在 Modal 打开时渲染它。在这个 body 组件中，我有一个 click 事件，当它完成它的工作时，它也应该关闭 Modal。

有没有办法将ModalExtended组件中的hideModal函数传递给我的 body 组件，这样我就可以从 body 组件中关闭 Modal 了？

使用 forwardRef 和 office-ui-fabric 的 DatePicker 组件时出现错误。我正在尝试创建一个功能组件并返回对结构组件的引用。我的代码如下：

我得到的错误在线

它说以下

你能帮我弄清楚吗。非常感谢

我正在尝试为我的网站制作标题，例如 Microsoft 网站 Homepage: Microsoft Homepage Header的标题。

我认为 Fluent UI 中最相似的组件是Pivot，但最佳实践部分说：“不要使用 Pivot 链接到新页面。”。如果它是来自同一网站的页面？谁能帮我？

我知道我的请求可能看起来很奇怪，但原因是我试图将在 React 中开发的 Fluent UI 控件包装到自定义元素中。

不使用 ShadowDOM 时一切正常，我可以让一切正常工作，问题是当我想使用 ShadowDOM 来使用“slot”标签等功能时。

ShadowDOM 封装了 html 元素，因此不会继承全局样式。

使用此代码，我能够取回控件生成的 css，然后将其放入 ShadowDOM 中，到目前为止一切正常 :)

问题似乎在于，并非控件的所有样式都被返回，而只是呈现时需要的样式。

例如，如果我渲染 TextField 控件，返回的 css 正是渲染控件所需要的，如果我单击控件本身，则必须显示样式更改（例如焦点）的 css 不会立即生成。

分析 Fluent UI React 的来源，似乎有些控件我们通过 sass 实现了样式，有些则在 js 中使用 css。

那么问题来了：有没有办法在运行时或者编译时获取每个控件的全局样式呢？

提前致谢！

我想将功能组件转换为类组件。模态代码在下面的办公织物类组件中给出。我想在类组件中进行转换。我是 React 的新手，在将功能转换为类组件时遇到了一些困难。

我编写了一个基于反应的 Web 部件，它使用 Office UI Fabric React Panel 组件在屏幕右侧显示一个面板。webpart 在工作台中运行良好。

但是，当将其部署到现代页面时，面板会在 webpart 容器内呈现。因此，显示在页面内而不是屏幕右侧。

工作台结果

页面结果

在我的 React 组件的渲染方法中，我这样做：

}

关于导致这种行为的任何建议？

提前致谢。

我正在实现一个带有几个按钮的命令栏。按钮的类型为 ICommandBarItemProps，并分配给 . 现在我想为使用 componentRef 的按钮之一设置焦点以实现可访问性，但它说在 IContextualMenuRenderItem 上找不到 focus() （IRefObject 是 componentRef 的类型）。我检查了这个接口的文档，没有发现 focus() 支持。https://developer.microsoft.com/en-us/fluentui#/controls/web/contextualmenu#IContextualMenuRenderItem

我们如何将焦点设置在 ICommandBarItemProps 类型的命令栏按钮上？

首先请多多包涵。我认为这个问题不适合 Stack Overflow。我第一次尝试在这个项目的官方 GitHub 存储库中提出这个问题，但他们强烈建议在 Stack Overflow中用相应的标签提出问题，所以我在这里......

对我来说奇怪的是，我在 Fluent UI React 的官方网站上找不到 Fluent UI React Charting 组件的官方文档和示例，尽管官方 NPM 包是公开的并且正在不断更新。公平地说，我找到了这个网站，但它看起来已经过时了。任何帮助都感激不尽。