javascript - 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啊。

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

解决方案

showModal(event) {
    event = event.nativeEvent;
    const tr = event.target.parentNode;
    console.log(tr.id);
}

这篇关于javascript - react自己开发table组件，行内点击如何获取当前行的id？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！