reactjs - 如何在 Fluid UI 中将样式应用于 IIconProps 类型的图标？

Question

我有一个按钮，如下例所示，带有一个图标 (addFriendIcon)。

如何为该图标添加样式？例如改变颜色？

从'react'导入*作为React；从“office-ui-fabric-react”导入 { ActionButton, IIconProps }；

const addFriendIcon: IIconProps = { iconName: 'AddFriend' };

导出 const ButtonActionExample: React.FunctionComponent = props => {

返回（创建帐户）；};

score 2 · Accepted Answer

如果你想用 Fluent UI 的方式来做，只需将相应的样式添加到 IIconProps：

const addFriendIcon: IIconProps = {
  iconName: 'AddFriend',
  styles: {
    root: { color: 'red' }
  }
};

1 回答 1