问题标签 [fluentui-react]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 为什么这里使用 React.useCallback，而不是普通函数？
我正在查看fluentui 文档中的一个示例：
为什么他们在这里使用 React.useCallBack 而不是普通函数？例如，有什么要记住的？
javascript - React中具有多个值的多个列表框搜索数组过滤器
我正在从 O365 REST 调用中填充一个对象，然后使用 SPfx FluentUI 详细信息列表应用程序中的多选下拉菜单进行过滤。我的代码是附加来自每个下拉列表的任何值的结果，而不是缩小结果以满足所有过滤条件。
示例 Codepen：https ://codepen.io/detailcode/pen/VwmdZoo
更新：如何过滤对象以在最终结果中包含（与结果3相反）？选择水果（苹果、梨、葡萄）、颜色（红色、绿色）和口味（甜、酸）时，预期结果应为 ID 1、2、4、5 和 6。如果每个搜索条件不符合，它应该像在搜索引擎过滤器中一样被排除。
reactjs - fluentui/react ContexualMenu 项目样式
我正在尝试设置 fluentui/react ContextualMenu 组件的样式。到目前为止，我已经能够通过递归修改IContextualMenuProps 项目道具来实现我想要的外观 -为每个IContextualMenuItem定义样式并为每个子菜单项重复过程。
有没有办法一次定义样式及其子组件，而不是通过向每个项目添加样式来改变项目道具？
reactjs - 如何根据道具值加载反应组件
我正在使用带有“ @fluentui/react-northstar ”库的图标组件，如下所示
现在我必须在图标名称来自类似这样的道具时动态加载图标组件
reactjs - ErrorBoundary 组件堆栈不显示我的组件的名称。为什么以及如何解决？
请查看下面出现错误后我得到的组件堆栈。我自己的组件写为“未知”。像我在 fluentui 中使用的其他组件以它们的名称显示，例如“堆栈”。为了能够了解问题的根源，我需要查看那些“未知”的真实姓名。我怎样才能做到这一点？
如果需要，我将提供更多信息。这是我可能从 React 文档中复制的 ErrorBoundary 组件（这个副项目一直在进行中）。
我用它来包装我的应用程序：
这是组件声明的示例。我通常使用功能组件和反应钩子：
reactjs - Fluent UI GroupedList 选择
使用 FluentUI 并尝试使 GroupedList 工作，但我被卡住并且对选择有很多问题：这是我的示例： https ://codesandbox.io/s/hopeful-chebyshev-n4enr?file=/src/GroupedList .Basic.Example.tsx
我想要实现的是：
- 我需要显示所选项目的名称；
- 在我希望能够选择任何项目的列表中（目前，只能选择最后一个）
- 我希望在添加后自动选择第一个项目；
请帮忙
botframework - 当我们在 spfx bot 扩展中使用 Adaptivecards Fabric UI 时无法提供输入
当我们在 spfx bot 扩展版本中使用来自adaptivecards-fabric 的 AcFabric 时无法提供输入，我们正在使用“adaptivecards-fabric”：“^1.1.1”，我们在 spfx 解决方案中使用带有 bot 框架的 Adaptivecards 包。问题：当我们在渲染自适应卡片时不使用 Fabric 控件时，它可以正常工作。但是使用 ACFabric.useFabricComponents() 卡不允许在文本字段或任何其他字段中输入输入。
Adaptivecards-fabric 库有什么问题还是我们做错了什么？
参考链接解决方案： https ://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-adaptivecards
reactjs - Fluent UI 下拉设置 selectedKey
我在设置 selectedKey 时遇到问题。此下拉菜单在调用 api 后设置它的选择，this.state.typeOfRequest 最初设置为 null，然后设置为下拉键之一。看起来我在 this.state.typeOfRequest 中有正确的键值，但下拉列表不会更新其选择。有任何想法吗？
reactjs - 在 DetailsList 中使用 fluentui/React 保持分页之间的选择
如何在 fluentui/React 中的 DataList 中保持分页之间的选择
reactjs - react-hook-form & 没有“名称”属性的组件
在一个 React 项目中，我有一个表格，它呈现有很多列的行，其中大多数包含 Fluent UI 控件。我可以使用 react-hook-form Controller 组件来处理大多数情况。问题是我正在使用的部分控件没有“名称”属性（主要是下拉菜单和人员选择器）。React-hook-form 取决于它。这是否意味着我不能在这个项目中使用它？