ReactJS/Semantic-UI 在 table 行打印错误

Question

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

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

现在我想在此 table 行上设置 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

您将 'error' 作为字符串，但它是 Table 行的参数。您必须将其设置为 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)}}
>

ReactJS/Semantic-UI 在 table 行打印错误

ReactJS/Semantic-UI print error on table row

javascript

reactjs

semantic-ui-react