JSFiddle - React, Tailwind, and code Playground

HTML

<tr>
<td>jsmith22</td>
<td>John Smith</td>
<td>555-555-5555</td>
<td>test@gmail.com</td>
<td><button type="button" class="btn btn-default btn-lg btn-block roster-button active" data-toggle="modal" data-target="#removeUser" data-id="jsmith22">Remove</button></td>
</tr>
<div aria-labelledby="myModalLabel" class="modal fade" id="removeUser" role="dialog" tabindex="-1">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Remove Employee</h4>
            </div>
            <div class="modal-body">
                <p>Are you sure you wish to remove this user?</p>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="RowId" value="">
                <button class="btn btn-default" data-dismiss="modal" type="button">Cancel</button>
                <button class="btn btn-danger" id="remove-button" type="submit">Remove</button>
            </div>
        </div><!-- end modal-content -->
    </div><!-- end modal-dialog -->
</div><!-- end modal -->

JavaScript

$(document).ready(function(){
		$('#removeUser').on('show.bs.modal', function (e) {
			var id = $(e.relatedTarget).data('id');
      alert(id);
		    $('#RowId').val(id);
		 });
     
	$('#remove-button').click(function() {
			var delid = $('#RowId').val();
       alert(delid);
			//Do what ever you like to do
			//$.post('/API/removeUser', {} );
	});
     
     
	});