javascript - 用javascript更改图标标签

Question

我是 React 和语义视图的新手。我有一个表，其中有一行显示 ok 并且绿色复选标记{this.props.email.success}返回 true。否则将其更改为红色删除图标。这是我的代码：语义用户界面代码：

<Table.Cell>
  <Icon color="green" name="checkmark" size="large" />
  {this.props.email.success}
</Table.Cell>

现在基于成功值Icon name并且color应该改变。我怎样才能做到这一点 ？感谢您的帮助。

Answer 1

大概是这样的：

<Icon color={this.props.email.success ? "green" : "red"} name="checkmark" size="large" />

编辑

感谢@D Lowther 如果您想更改的不仅仅是图标的颜色，您可以执行以下操作：

let icon = (this.props.email.success) ? <Icon color...> : <Icon color...>;
return (<Table.cell>{icon}</Table.cell>);