JSFiddle - React, Tailwind, and code Playground

HTML

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

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

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

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

JavaScript

var initHref = $('#abc').attr('href');
$(document).on('click','[data-userid]',function(e){
     var uid = $(this).attr('data-userid');
     var splitArr = $('#abc').attr('href').split('/');
     $('#abc').attr('href',initHref+uid);
     
});