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

co*_*ndp 5 reactjs antd

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

检查这个例子。你们可以注意到我们可以点击名字,因为他们使用标签

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

co*_*ndp 3

解决方案是您将 data-id 设置为

<a data-id={text} onClick={this.onClick}>{text}</a>
Run Code Online (Sandbox Code Playgroud)

然后

onClick = (e) => {
    console.log('Content: ', e.currentTarget.dataset.id);
  }
Run Code Online (Sandbox Code Playgroud)

  • 另一种处理方法:https://github.com/react-component/table/pull/27#issuecomment-172420963 (2认同)