用javascript更改图标标记

Question

我是React和语义视图的新手。 我有一个表，其中一行显示正常，绿色复选标记{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>);