如何在Pivot Office UI Fabric React中取消选择第一个PivotItem

Question

如何取消选择第一个PivotItem。我正在显示从A到Z的枢纽项目，并且当前它始终选择第一个字母A。能否请您告诉我如何取消选择第一个元素？谢谢！

我想使用getStyles属性界面。但不确定如何覆盖。任何样品都很棒。谢谢

getStyles ?： IPivotStyles;

Answer 1

如果您是要取消选择第一个PivotItem来选择自己经常提供的特定内容，而不是选择列表中的第一个，那么Pivot上有几个道具可以帮助您做到这一点。 Here，您可以在组件上看到所有作为道具列出的道具。默认情况下，如果未提供它们，则将在渲染中选择第一个PivotItem。在here中，您可以看到使用initialSelectedKey道具的演示。 由于Pivot需要知道安装时呈现的内容，因此无法取消所有选择。

关于getStyles的用法，我相信您使用的是Fabric 5，因为在Fabric 6中，道具已重命名为styles，并且可以使用样式对象或返回样式对象的样式函数。在同一个Codepen中，您可以看到如何通过传递样式对象来更改链接的颜色。