如何使用语义的阵营表组件得到表行的点击数据(How to get data from table r

我想从我使用渲染与之反应语义UI表获得点击的值。 我使用生成一个不可变的列表中，我行，我想一个onclick，让访问值的唯一ID。 当我登录我试图在我的回调提取价值，我得到：

'bff3a3e9-489e-0E19-c27b-84c10db2432b' 包裹在td标签

相关的代码：

  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> ) }) } 

Answer 1:

随着反应的语义UI，该行的点击没有落实到位。 在行单击您实际上是从该行这不是我想要的东西，但我认为它的工作，因为我点击包含该ID的小区取得单元格的值。 这里是解决办法。

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

文章来源: How to get data from table row click using Semantic's React Table Component