JSFiddle - React, Tailwind, and code Playground

HTML

<div class="modal fade" tabindex="-1" role="dialog" id='modal_dialog_for_all'>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h5 class="modal-title">Message From Admin Panel</h5>
      </div>
      <div class="modal-body">
          <h4><span id='modal_message'>32323232 </span></h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary modal-ok-button">Ok</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<a class="clickMe">click me</a>

JavaScript

function handelShowModalInit(selector,obj) {
  obj = obj || {};
  if (obj.message) {
    $('#modal_message').text(obj.message);
  }
  if (obj.func) {
     $(selector).find('.modal-ok-button').off().on('click',function(e){
      return obj.func.call(undefined,obj.funcParams);
     });
  }
  $(selector).modal('toggle');
}

var deleteItem = function(params){
alert(params.id);
}

$('.clickMe').on('click',function(e){
		var id = 100500;
	  handelShowModalInit('#modal_dialog_for_all',{
            message: 'Item Will Remove From Database! Are you sure?',
            func: deleteItem, // это функция ,объявленная в том же файле
            funcParams: {id:id}
        });

});