JSFiddle - React, Tailwind, and code Playground

HTML

<a id="abc" href="aa/">User Link</a>
<hr>

<table border="1">
<tr>
    <td><a class="xyz" data-userid="100" href="#">first user</a></td>
    <td>100</td>
</tr>

<tr>
    <td><a class="xyz" data-userid="200" href="#">second user</a></td>
    <td>200</td>
</tr> 

<tr>
    <td><a class="xyz" data-userid="300" href="#">third user</a></td>
    <td>300</td>
</tr>     
</table>

JavaScript

$(function() {
    var userLink = $('#abc')[0];
    var linkHref = userLink.href;

    $(document).on('click','.xyz',function(e){
        var uid = $(this).attr('data-userid');
        userLink.href = linkHref + uid;
    });
})