react自己开发table组件,行内点击如何获取当前行的id?

class ManageTable extends Component{
showModal(){

}
render(){
    return(
        <tr id={user.id}>
        <td>{}</td>
        <td>{}</td>
        <td>{}</td>
        <td>{}</td>
        <td ref="viewDatail"><a onClick={this.showModal}>查看详情</a></td>
        </tr>
        )
    }
}

export default ManageTable;

点击查看详情,怎么获取当前行的id啊。

clipboard.png

我想完成下一步操作,第一步需要先获取ID,该怎么实现?
求大神指点。

阅读 8.2k
2 个回答
showModal(event) {
    event = event.nativeEvent;
    const tr = event.target.parentNode;
    console.log(tr.id);
}

试一下:
<td ref="viewDatail"><a onClick={this.showModal.bind(this)}>查看详情</a></td>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题