JSFiddle - React, Tailwind, and code Playground

HTML

<div id="modal-delete">
    <a class="btn-danger" data-route="">Confirm</a>
</div>

<!-- delete buttons -->
<a class="bt-delete" data-route="/user/delete/1">Delete</a>
<a class="bt-delete" data-route="/user/delete/2">Delete</a>

JavaScript

$(document).ready(function() {

    // Listen to .btn-delete click
    $('.bt-delete').click(function() {

        // Get data-route for the delete button and set it in the modal
        $('#modal-delete .btn-danger').data('route', $(this).data('route'));
    });

    // Do ajax in .btn-danger click event
    $('#modal-delete .btn-danger').click(function() {
        // data-route does not change
        console.log($(this).data('route'));
    });
});