Reactjs 如何更改Office结构元素的布局?

Reactjs 如何更改Office结构元素的布局?,reactjs,office-ui-fabric,Reactjs,Office Ui Fabric,我对React和微软的结构还比较陌生。我一直在想我是否可以改变 看看这个例子,我并不完全清楚元素是否遵循某种布局样式,或者它们是否只是在渲染函数中按声明的顺序出现。我希望重新安排一些元素,而不是创建一个完全定制的。我尝试过调整一些CSS属性,并将它们作为类名传入,但没有成功 有办法吗?或者什么是完成这项任务的最佳方法?我很快地介绍了如何通过更改折叠按钮的顺序来设置GroupHeader的样式。可能还有一些其他方法,包括常规css样式,甚至自定义onRenderHeader,但看起来您不想创建自定

我对React和微软的结构还比较陌生。我一直在想我是否可以改变 看看这个例子,我并不完全清楚元素是否遵循某种布局样式,或者它们是否只是在渲染函数中按声明的顺序出现。我希望重新安排一些元素,而不是创建一个完全定制的。我尝试过调整一些CSS属性,并将它们作为类名传入,但没有成功


有办法吗?或者什么是完成这项任务的最佳方法?

我很快地介绍了如何通过更改折叠按钮的顺序来设置GroupHeader的样式。可能还有一些其他方法,包括常规css样式,甚至自定义onRenderHeader,但看起来您不想创建自定义渲染器。如果有帮助,请告诉我

对!!正是我需要的。谢谢您的帮助。可以这样替换复选框吗?我想使用方形复选框,而不是圆形复选框。我知道check也是IGroupHeaderStyles的一部分,但我不完全确定如何指定要使用的不同资产。或者我必须通过onRenderHeader函数来完成吗?是的。。。我相信为了便于检查,您需要在onRenderHeader的帮助下覆盖整个标题。也可以使用一些深样式选择器将圆形支票的形状更改为方形支票,但我相信在这一点上,整个覆盖更合适,这取决于您的设计是如何定制的。此外,您可以考虑通过请求一个特性来方便地替换支票的呈现,在GITHUB上提交一个问题。请记住,当重写时,总是有可能丢失一些我们在默认DOM元素中内置的DOM元素的可访问性。