以下链接是DetailsListwith Sticky (fixed header)的基本实现。

我想要实现的是用自定义滚动条替换默认滚动条并保持相同的功能/行为。实现自定义滚动条标题后不粘，这是主要问题。

工作示例CodeSandbox。

我尝试了以下库： ReactCustomScrollbars， OverlayScrollbars。

我在 reactjs office 插件中使用FluentUI 下拉菜单，并希望在用户输入完全不同的文本框时重置它。我可以获得对下拉列表的引用并调用一些重置功能吗？

这是一个简单的单选下拉菜单，例如：

我看到了https://github.com/microsoft/fluentui/issues/5917但它似乎并不完全一样。

是否有可能自动将导航扩展到 selectedKey？我正在使用嵌套导航，这将完全受益于自动扩展。虽然我找到了一种手动解决方案来遍历这些项目，但内置的自动方式会很棒。

谢谢

我开始将 FluentUI 与 React 一起使用，并且我正在尝试修改 Panel 组件。我有这个代码：

但是样式 = {panelStyles} 给了我以下错误： 预期的类型来自属性 'styles'，它在类型 'IntrinsicAttributes & IPanelProps & { children?: ReactNode; }'

默认面板在左侧打开，我希望它在打开时位于屏幕中央。

fluentui-react-northstar 主题的文档可以在这里找到。

我正在努力了解如何使用自定义主题。似乎我需要一个用于 Teams 基本主题的提供程序，然后是一个用于我自己的主题的嵌套提供程序（这很可能是错误的）

但我只想对基本主题进行一些更改，例如将品牌颜色设为红色。该文档并没有真正解释如何使用它。

例如，文档显示：

但这并没有改变应用程序中的原色......

任何指针将不胜感激。

注意：我最初是在 github 页面上发布这个问题，但它说应该在这里提问

我正在尝试从这里使用 Fluent UI Detailslist 组件， 我只是复制了源代码并拥有一个（较旧的）基于类的组件，称为 DetailsListBasicExample。该组件扩展了 React 组件、花括号和 IDetailsListBasicExampleState：

我不明白的是这一行：

导出类 DetailsListBasicExample 扩展 React.Component<{}, IDetailsListBasicExampleState>

如何将对象数组传递给 DetailsListBasicExample？因为我真的很想填充 Itemslist 但我似乎不知道该怎么做？我试图这样调用组件：

其中 propertyList 是一个对象数组。我还尝试了以下

DetailsListBasicExample IDetailsListBasicExampleState={propertyList}/>

但我得到了著名的 Typescript 错误：

输入'{道具：任何；}' 不可分配给类型 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{}> & Readonly<...>'。类型“IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{}> & Readonly<...>”上不存在属性“props”。

我的理解是属性类型是错误的。但是我怎样才能通过我的项目列表让它起作用呢？

有人有想法吗？我也不明白constructur props:{} 在做什么？

TL;博士

这有效：https ://codesandbox.io/s/stoic-beaver-ucydi

使用 React Hook Form 重构后，这不起作用：https ://codesandbox.io/s/objective-cloud-bkunr?file=/src/ControlledTextField.tsx

很长的故事

没有 React Hook 表单（工作正常）

我最近使用Fluent UI构建了一个有状态的 React 表单，并在自定义组件中包装了字段。

我已经包含了一个功能，其中站点 URL 字段中的值是在您在站点标题字段中键入时生成的（它只是复制字段值并删除在我的情况下对 URL 无效的字符）。

（简化的）代码运行良好，看起来像这样：

SiteTitleField 组件：

SiteUrlField 组件：

使用 React Hook Form（无法正常工作）

现在我正在尝试使用 React Hook Form 和 Yup 验证模式重构我的表单。

我已经用 React Hook Form Controller 组件及其渲染属性包装了 Fluent UI TextField 组件：

我已经相应地替换了 SiteTitleField 和 SiteUrlField 的代码，并添加了一个简单的 Yup 验证模式：

我已经用<form>标签包装了表单并相应地更改了字段属性：

关于状态，我只留下了值复制所需的东西：

问题

我无法让 React Hook Form 验证和我的值复制功能同时工作。

使用此代码时，验证效果很好，但用户无法编辑站点 URL 字段：

或复制和编辑字段值效果很好，但即使输入的值验证表明两个字段都是空的（必需），使用此代码时：

我在 2 小时前开始学习 React 和 FluentUI。我正在尝试互联网上提供的各种教程，但不能仅仅通过 FluentUI 包安装步骤。我收到以下错误：

我尝试卸载 react 并安装 react@16.14.0，但这无济于事，因为还有其他依赖于 react@17.0.1 的包。我能做些什么？

我是我的“office-ui-fabric-react”项目之一，我正在编写一个实用程序类（common.ts），其中我有一个为页面加载主题的功能。此实用程序类将作为脚本标记的一部分包含在 html 文件中，如 common.js。

我想调用在 \node_modules@uifabric\styling\lib\styles\node_modules@uifabric\styling\lib\styles\theme.d.ts 中定义的 loadTheme

我尝试import { loadTheme } from "office-ui-fabric-react"并给了我一个通用的构建错误。

如何从 .t​​s 文件导入“office-ui-fabric-react”中定义的 API？

我想根据存储在 redux 中的值在Input上设置默认值。

我在这篇文章中看到 defaultValue 仅用于第一次渲染。

所以我尝试使用，value然后问题是我无法改变它的价值。

这是一个例子