如何使用语义的Reaction表格组件从表行点击中获取数据 [英] How to get data from table row click using Semantic's React Table Component

问题描述

我正在尝试从我使用带有Reaction的语义UI呈现的表中获取一个点击时的值。我使用一个不可变的列表来生成我的行，并且我想要一个onClick来访问唯一的id值。当我在回调中记录提取该值的尝试时，我得到：

‘bff3a3e9-489e-0e19-c27b-84c10db2432b’用TD标签包装

相关编码：

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

  handleRowClick = (scen) => {
    console.log(Object.keys(scen.target));
    console.log(scen.target.);
  }

  mapScenarios = () => {
      return ((scen, i) => {
        return(
          <Table.Row key = {scen.get('id')} onClick = {this.handleRowClick}>
            <Table.Cell
              children={scen.get('id') || '(No ID)'}
            />
            <Table.Cell
              children={scen.get('name') || '(No Name)'}
            />
            <Table.Cell
              children={scen.get('actions').size === 0 ? 'none' : `${scen.get('actions').size} action(s)`}
            />
          </Table.Row>
        )
      })
  }

推荐答案

使用Reaction的语义界面，行点击没有很好的实现。在单击行时，您实际上从该行获得了单元格的值，这不是我想要的，但我认为它起作用了，因为我单击的是包含ID的单元格。以下是解决方法。

  <Table.Row key = {scen.get('id')} onClick={() => this.props.tableRowClickFunc(scen.get('id'))}>

这篇关于如何使用语义的Reaction表格组件从表行点击中获取数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！