change icon tag mit Javascript

Question

Ich bin neu in React und semantische Sicht. Ich habe eine Tabelle, die eine Zeile hat, die ok zeigt und ein grünes Häkchen ist {this.props.email.success} zurück wahr. Andernfalls ändert sich das Symbol in Rot. hier mein Code: semantisch-ui-Code:

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

jetzt basierend auf dem Wert der Erfolg Iconname und color sollte sich ändern. Wie kann ich das tun? danke für jede Hilfe.

Answer 1

Wahrscheinlich so etwas wie dieses:

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

EDIT

Kredit Lowther @D Wenn Sie mehr ändern wollen als nur die Farbe des Symbols Sie so etwas tun könnte:

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