用javascript更改圖標標記

Question

我是React和語義視圖中的新成員。 我有一張表，其中有一行顯示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" /> 

編輯

感謝@D勞瑟如果你想改變比圖標的只是顏色更你可以做這樣的事情：

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