javacriptのアイコンタグを変更

Question

私はリアクションとセマンティックビューで新しいです。 私はokと緑のチェックマークが{this.props.email.success} trueを返す行を持つテーブルがあります。それ以外の場合は赤色のアイコンを削除します。 セマンティック-UIコード： はここに私のコードで、今の成功値に基づいて

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

Iconnameとcolorを変更する必要があります。 どうすればいいですか？ 何か助けていただきありがとうございます。おそらく

Answer 1

このような何か：

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

EDIT

クレジット@Dラウザーに、あなたはこのような何かを行うことができ、アイコンの色だけ以上のものを変更する場合：

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