我对 React 和 Microsoft 的 Fabric 还很陌生。我一直在试图弄清楚是否可以更改 <GroupHeader> 中元素的布局
查看source，我并不完全清楚元素是否遵循某种布局样式，或者它们是否只是按照渲染函数中的声明顺序出现。我希望重新排列一些元素，而不是创建一个完全自定义的<GroupHeader>。我尝试调整一些 CSS 属性并将其作为 className 传递，但没有奏效。
有没有办法做到这一点？或者什么是完成这项任务的最佳方法？
【问题讨论】：
我已经把这个codepen 快速展示了如何通过更改折叠按钮的顺序来设置 GroupHeader 的样式。可能还有其他一些方法，包括常规 css 样式甚至自定义 onRenderHeader，但看起来您不想创建自定义渲染器。让我知道这是否有帮助！
【讨论】：
check 也是IGroupHeaderStyles 的一部分，但我不完全确定如何指定要使用的不同资产。还是我必须通过onRenderHeader 函数来完成？
check，您将需要在onRenderHeader 的帮助下覆盖整个标题。也可以通过一些深度样式选择器顶部将圆形check 的形状更改为方形，但我相信此时整个覆盖更合适，具体取决于您的设计的定制程度。此外，您可以考虑在 Github 上提交问题，通过请求一项功能来更轻松地替换支票的呈现。请记住，在进行覆盖时，总是存在丢失我们在默认元素中内置的 DOM 元素的一些可访问性的风险。