reactjs - 如何更改 ContextualMenu 的默认图标

Question

参考https://developer.microsoft.com/en-us/fabric#/controls/web/contextualmenu中的 ContextualMenu 示例，我想将默认图标 (ChevronDown) 更改为 ChevronUp。我怎么做？我通过提供带有所需图标的样式变量尝试了一些选项，但尚未成功。关于如何做到这一点的任何想法？

标签： reactjsoffice-ui-fabricreact-tsxoffice-ui-fabric-react

Answer 1

您可以使用menuIconPropsoffice ui fabric Button 组件的 prop 来更改图标。

<Button menuIconProps={{ iconName:"MoreVertical" }} menuProps={{ items:[]}}>
   Click Me
</Button>