ReactJS/Semantic-UI print error on table row

Question

I have this part of code from semantic ui in reactjs:

<Table.Row className={bu.state.activeIndex === i ? "title Active": "title"}  index={i} onClick={(e) => {bu.Accordion(e, i)}}>

Now I want to set error on this table row:

<Table.Row error className={bu.state.activeIndex === i ? "title Active": "title"}  index={i} onClick={(e) => {bu.Accordion(e, i)}}>

It work fine, but I want to set error with condition:

<Table.Row {value.deleted === 1 ? 'error': null} className={bu.state.activeIndex === i ? "title Active": "title"}  index={i} onClick={(e) => {bu.Accordion(e, i)}}>

But it give me error:

Syntax error: Unexpected token, expected "..." (366:37)

How can I solve this?

Mathis Witte · Accepted Answer · 2020-03-13 10:59:17Z

3

You're putting 'error' as a string but it's a parameter of the Table Row. You have to set it to true or false.

<Table.Row 
  error={value.deleted === 1 ? true : false } 
  className={bu.state.activeIndex === i ? "title Active": "title"}  
  index={i} 
  onClick={(e) => {bu.Accordion(e, i)}}
>

answered Mar 13, 2020 at 10:59

Mathis Witte

18013 bronze badges

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

Collectives™ on Stack Overflow

ReactJS/Semantic-UI print error on table row

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related