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

var initHref = $('#abc').attr('href')
$(document).on('click','.xyz',function(e){
    e.preventDefault();
     var uid = $(this).attr('data-userid');
     $('#abc').attr('href',initHref+uid);
    console.log($('#abc').attr('href'))
});