表行上的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)}}>

但是它给我错误：

语法错误：意外的令牌，预期的“ ...”（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)}}
>