javascript - 如何根据表格单元格值将图标更改为 "plus"或 "minus"

Question

我是新来 react 的，我想做的是当某个单元格中的值发生变化时，即当单元格有一个时，将图标符号从“加号”更改为“减号”，反之亦然正值旁边的符号应该是“加”符号，单元格中的负值将符号更改为“减”

这是我想要做的代码示例

这是正确的方法吗？

我正在使用 Semantic-UI 作为符号

<Table >
      <Table.Body>
              <Table.Row>
                  <p>Total Assets/Liabilities:</p>
                      <td>12</td>
                        <td "tabledatavalue" >= 0 
                ? <Icon name="plus"></Icon> : 
                  <Icon name="minus"></Icon> 
             </td></Table.Row> 
       </Table.Body>
</Table>```

Answer 1

您可以阅读 React 中的条件渲染 here .

根据您的情况，您可以这样做:

    <td>
      {this.state.cellValue}
      {this.state.cellValue >= 0 ? (
        <Icon name="plus"></Icon>
      ) : (
        <Icon name="minus"></Icon>
        )}
    </td>