蚂蚁设计表点击表格单元格

Question

https://codesandbox.io/s/7mo0rvl971

检查此示例。你们注意到我们可以单击名称，因为他们使用了标签

如何单击名称并获取内容。例如，我单击单元格“ John Brown”，然后返回字符串“ John Brown”

Answer 1

解决方案是您在

上设置data-id

<a data-id={text} onClick={this.onClick}>{text}</a>

然后

onClick = (e) => {
    console.log('Content: ', e.currentTarget.dataset.id);
  }

Answer 2

在最新版本中，您可以仅使用useRow属性来设置onCLick事件。您可以在这里看到此内容：https://ant.design/components/table/#onRow-usage

Answer 3

这是简单明了的答案

const columns = [
{
    title: 'Name',
    dataIndex: 'name',
    render:text=><Link to='/detail'>{text}</Link>
}]

const data = [
{
    key: '1',
    name: 'Organisation',
    subType: 'Kindergarten',
    ville: 'Brusseis',
    email: 'info@example.com',
    telephone: '+32477070505',
}]