javascript - 表行上的 ReactJS/Semantic-UI 打印错误

Question

我在reactjs中有来自语义ui的这部分代码:

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

现在我想设置error在此表行上:

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

它工作正常，但我想用条件设置错误:

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

但它给了我错误:

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

我该如何解决这个问题？

Answer 1

您将“错误”作为字符串放置，但它是表行的参数。您必须将其设置为 true 或 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)}}
>