使用 javascript 更改图标标签

Question

我是 React 和语义视图方面的新手。我有一个 Table，其中一行显示正常，绿色复选标记为 {this.props.email.success} return true。否则它会变为红色删除图标。这是我的代码：语义-ui代码：

<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>);

change icon tag with javascript