JSFiddle - React, Tailwind, and code Playground

HTML

<table class="reference">
<tbody>
<tr><th>First Name</th><th>Last Name</th><th>Points</th></tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
<tr>
<td>Adam</td>
<td>Johnson</td>
<td>67</td>
</tr>
</tbody>
</table>

CSS

tr.active {
    background-color: #ffff00;
}

tr {
    background-color: #ccc;
}

JavaScript

$("tr").on('click', function () {
    if($(this).hasClass("active")) {
        $(this).removeClass("active");
    } else {
        $(this).addClass("active");
    }
});