IT技术 - 如何使用 Semantic 的 React Table 组件从表格行点击获取数据 - 吾爱随笔录

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

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

const RowClickable = React.forwardRef((props, ref) => ( <Table.Row ref={ref} onClick={props.navigate}>{props.children}</Table.Row> )) const RowItem = ({id, name}) => ( <Link to={`/item/${id}/`} component={RowClickable}> <Table.Cell> <Header as="h4">{name}</Header> </Table.Cell> </Link> )