Reactjs 如何使用语义'；s反应表组件

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

“bff3a3e9-489e-0e19-c27b-84c10db2432b”包裹在td标签中

相关代码：

handleRowClick=（scen）=>{
log（Object.keys（scen.target））；
控制台日志（场景目标）；
}
mapScenarios=（）=>{
返回（（场景，i）=>{
返回(
)
})
}

由于react的语义用户界面，行单击没有很好地实现。在单击行时，您实际上从该行获取单元格的值，这不是我想要的，但我认为它有效，因为我正在单击包含Id的单元格。以下是解决方法。

---

this.props.tableRowClickFunc（scen.get（'id'））}>

这就是我如何让行用作react路由器链接的：

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

const RowClickable=React.forwardRef（（道具，ref）=>(
{props.children}
))
常量行项目=（{id，name}）=>(
{name}
)