1

我使用语义 UI 来创建一个表。我想将表格行属性设置为positive. 像这样 :

<Table.Row positive>

这是我的代码:

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

但是发生了这个错误:

./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>

我怎样才能解决这个问题 ?

4

1 回答 1

1

尝试这个。

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

并检查一下 -如何有条件地将属性添加到 React 组件?

于 2017-08-29T13:33:27.040 回答