问题标签 [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.
office-ui-fabric - 在fluent-UI详细信息列表中隐藏一列
如何在 fluent-UI DetailsList 组件中隐藏/防止列呈现。
fluent-ui - 如何在 Fluent UI React 的 NavItems 中使用本地 svg 文件
我试图在导航栏中使用自定义 svg 文件,但当时无法渲染。我正在使用流利的反应
我曾尝试使用“office-ui-fabric-react/lib/Styling”中的“registerIcons”,但它对我不起作用。
请帮助我。
fluent-ui - 在 Theme 中配置 Tooltip 背景颜色
Tooltip
使用 aCallout
呈现其弹出窗口,但ITooltipStyles
似乎不包含subComponentStyles
允许您为其标注设置样式的 a。是否可以在主题对象中为标注设置工具提示特定的样式,这样我就不必在使用工具提示的任何地方应用相同的样式?
具体来说,我想为工具提示的喙/喙幕和填充等配置背景颜色。(并非所有标注......只是用于工具提示的标注。)
目前看来我必须这样做:
fluentui-react - 使用 Fabric UI 在文本字段中添加页脚
我正在尝试在 Fluent ui 中添加页脚以添加 B(粗体)、I(斜体)或附件等图标。有人可以帮我解决这个问题吗?
reactjs - 将@fluentui/react 与 webpack 捆绑时出现导出错误
我正在编译 webpack 5.25.0,在 6734 毫秒内有 7 个警告版本7.167.0
,而v8.10.1
我得到 1513,它们都是一样的,类似这样,而不是createElement
会有另一个反应函数,比如useEffect
v8,捆绑需要 5 分钟在开发模式下,虽然使用 v7 需要 10 秒。
在“react”中找不到导出“createElement”(导入为“React”)
这是webpack配置
webpack.common.ts
webpack.dev.ts
包装.json
至少在 v7 中它正在处理警告,而 v8 也存在 webpack 导出错误。
到目前为止我尝试过的
- 删除 tsconfig,因此它可以使用默认配置。
- 允许合成默认导入
- 移除反应热加载器
- 检查了具有相同版本的 CodeSand 框,一切都在那里工作,所以配置可能有问题。
- 降级到 React 16
fluentui-react - 无法对 Menu 组件执行快照测试
我正在使用 Fluent UI React Notthstar 并且我正在尝试对 Menu 组件执行 shapshot 测试。
- @fluentui/react-northstar@0.52.2
- 反应脚本@4.0.3
测试代码如下:
我的菜单.tsx
我的菜单.test.tsx
但测试因错误而失败。
如何解决?
reactjs - 无法在 Outlook Web 加载项项目中安装流畅的 UI 反应
我正在尝试在 Outlook Web 加载项项目上安装 fluent UI,但出现不同的错误:
在@fluentui/react - npm说我应该使用npm i @fluentui/react
,但我得到:
在发行说明中说我应该使用npm install @fluentui/react@^8.0.0
并且我得到
我以前没有使用 node 或 react 的经验,所以即使是基本的东西也可以随意指出。
我已经搜索了安装问题,但我能找到的所有内容都与软件包的最新版本无关。我也试过npm install --save @fluentui/react
得到第一个提到的错误。
编辑:
我在公司代理后面,这是我的配置:
提前致谢。
javascript - 受控 Fluent UI Checkbox 组件的渲染不正确
我有一个通过 REST API 与数据库交互的表单,并提供了几个受控的 Fluent UI 组件。对于多选字段,我构建了一个组件,该组件显示一个带有任意数量的受控 Checkbox 组件的 Stack。下面是组件定义。
在表单通过 REST API 检索数据后,该组件使用该数据更新其状态。虽然正确更新了状态并且将正确的值传递给props
每个 Checkbox 组件,但 UI 具有误导性。例如,根据 Chrome DevTools 中的 React Components 检查器,checked
以下值分别设置为false
、true
、false
、false
和。false
显然,虽然props
设置正确,但用户会看到五个未选中的复选框。当用户单击本应选中的复选框时,state
会正确更新以反映所有五个复选框均未选中。这是用户单击第二个复选框后的样子。
用户与 Checkbox 组件交互,它们的行为与预期一样,但对于初始checked
属性设置为 的任何位置,底层值都完全反转true
。
fluentui-react - Fluent UI 中的砌体布局?
在 Fluent UI 的示例中,我看到<List>
支持动态呈现网格项。
https://developer.microsoft.com/en-us/fluentui#/controls/web/list
在我们的应用程序中,我们有相同宽度但不同高度的网格,并希望它们垂直堆叠在多列中,基本上是砖石布局。
在纯 CSS 砌体布局中完全相同的布局,但最好使用 Fluent UI。
<List>
(或其他 Fluent UI 组件)是否支持砌体?
谢谢