JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<a class="btn btn-primary delete" href="#" id="55"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Apagar experiência</a>

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            Excluir registro?
        </div>
        <div class="modal-body">
            Confirma exclusão deste registro?
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
            <a class="btn btn-danger btn-ok">Deletar</a>
        </div>
    </div>
</div>

JavaScript

$("a.delete").click(function(){
  var $this = $(this);
  var id = $this.attr("id");
  var data = 'id=' + id ;
  var $meu_alerta = $("#confirm-delete");
  $meu_alerta.modal();
  $meu_alerta.find(".btn-ok").on("click", function(){
    // $.ajax[...]
  });
});