问题标签 [office-fabric]

我正在使用Office Fabric UI React。我想创建一个ContextualMenu与Persona对象一起使用的。

此示例直接使用 ContextualMenu 来展示如何将其附加到任意元素。其余示例通过 Fabric Button 组件使用 ContextualMenu。

Microsoft 提供了如何将 aContextualMenu应用于任意对象的示例，但是，它似乎不适用于该Persona对象。该Persona组件没有ref属性，并且将引用分配给该componentRef属性似乎不起作用。

似乎该Persona组件具有从HTMLAttributes<T>接口继承的属性：contextMenu?: string;，但我看不到如何将可选字符串与ContextualMenu.

我正在尝试在 Office UI Fabric React 基本列表的每一行上做一个按钮。该按钮将基本上调用具有项目 ID 的函数。代码是这样的

但是单击图标按钮时，我不断收到以下错误。

如何将基本列表每一行中的按钮绑定到函数？

我使用了 Office Fabric UI日期选择器组件，并希望在单击表单提交按钮时显示验证消息。想要显示自定义验证消息，如“必填字段”等。

请建议如何实现它或者fabric UI是否提供了用于date-picker验证的属性？

代码：

我想通过单击按钮清除 NormalPeoplePicker 中选择的值，但将状态控制的“defaultSelectedUsers”值设置为 [] 不起作用：

有没有办法做到这一点？

谢谢！！

我想在提交表单时在日期选择器上显示错误消息，但我发现没有办法这样做。

isRequiredErrorMessage 仅在字段失去焦点且值为空时有效。

但是，如果用户从不关注日期选择器字段，那么我无法将消息设置为错误标签。

我希望 DatePicker 可以有 errorMessage，这样我就可以做类似的事情

请建议如何在提交表单时验证 datePicker 组件。

我正在使用Fluent UI DetailsList。我的表如下所示：

我需要在每一列（文本或下拉列表）下方的过滤器，如下所示：

请让我知道这是否可能？或者也许是一种显示自定义标题的方法（使用 html）？

有什么方法可以让我的@fluentui/react“DetailsList”的列标题在向下滚动时始终显示在顶部？

是否有另一个 @fluentui/react 可以做到这一点？

谢谢

我正在使用带有 Office.js 的 React-fabric UI 来创建 Excel 插件。在 CDN 下用于在 index.html 文件中导入 office.js。

下面是我的 jest.config.json

}

我的测试用例失败并出现以下错误：

ReferenceError: Office 未定义

请帮助解决此问题，因为尝试了多种方法来解决此问题，但没有运气。

我正在使用 Fabric/Fluent UI DetailsList 组件构建一个 SPFx Webpart，并且我正在尝试根据从选择器中选择的安全组添加动态列（这可能会改变，但仍将是一个数组）。我找到了一些可以做到这一点的代码，并将其应用到我的项目中，但是 gulp 服务无法将 webpart 安装在工作台中。

DetailsList使用_addColumns并传入_columns以附加附加列。有什么我想念的还是有更好的方法？

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

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

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