使用語義UI表時發生錯誤

Question

我使用語義UI創建表。 我想將錶行屬性設置爲positive。像這樣：

<Table.Row positive> 

這裏是我的代碼：

<Table.Row {this.props.email.success ? "positive" : "negative"}> 

但這種錯誤occure：

./src/components/EmailItem.js 
Syntax error: ... src/components/EmailItem.js: Unexpected token, expected ... (7:18) 

    5 | render() { 
    6 |  return (
> 7 |  <Table.Row {this.props.email.success ? "positive" : "negative"}> 
    |     ^
    8 |   <Table.Cell> 
    9 |   {this.props.email.from} 
    10 |   </Table.Cell> 

我怎樣才能解決這一問題？

Answer 1

你應該有這樣的事情：

var rowProps = {}; 

if (this.props.email.success) { 
    rowProps.positive = 'positive'; 
} else { 
    rowProps.negative = 'negative' 
}; 

    <Table.Row {...rowProps}> 

Answer 2

試試這個。

<Table.Row positive={!!this.props.email.success} negative={!this.props.email.success}> 

並檢查這一點 - How to conditionally add attributes to React components?