JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<a href="#">
    <img data-toggle="modal" data-target="#modal_image" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRw47X1dCd9UEfLxLOtBIcI4jVfjx9X1Pjzjid4_0QJsiGbtUJR" class="image thumbnail img-responsive" />
</a>
    
<div class="modal fade" id="modal_image" tabindex="-1" role="dialog" aria-labelledby="modal_imagen" aria-hidden="true">
    <div class="modal-body">
        <img class = "image_modal" src="" />
    </div>
</div>

JavaScript

$(function(){
    $('#modal_image').on('show.bs.modal', function (e) {
       var src = $(e.relatedTarget).attr('src');
       $(this).find('.modal-body > img.image_modal').attr('src', src);
    });
});