javascript - React membangunkan komponen jadual dengan sendirinya Bagaimana untuk mendapatkan ID baris semasa apabila mengklik dalam baris?

Question

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;

Klik untuk melihat butiran, cara mendapatkan ID baris semasa.

Saya ingin menyelesaikan langkah seterusnya Langkah pertama adalah untuk mendapatkan ID.
Minta petunjuk kepada Allah.

Answer 1

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

Answer 2

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