error in react when using semantic ui table

Question

I using semantic UI to create a table. I want to set table row property to positive. like this :

<Table.Row positive>

here is my code:

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

but this error is 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>

how can i fix this ?

Kol007 · Accepted Answer · 2017-08-29 13:33:27Z

1

Try this.

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

And check this - How to conditionally add attributes to React components?

answered Aug 29, 2017 at 13:33

Kol007

2923 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

error in react when using semantic ui table

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related