JSFiddle - React, Tailwind, and code Playground

HTML

<div class="modal fade" id="resetPasswdModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel1">reset</h3>
  </div>
  <div class="modal-body">
    <input id="Password1" type="password" />
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true" onclick="resetUserID()">cancel</button>
    <button class="btn btn-danger" data-dismiss="modal" onclick="resetPasswd()">confirm</button>
  </div>
</div>

<a href="#resetPasswdModal" click="updateID()" data-toggle="modal" data-id="111" class="btn">reset</a>

JavaScript

var current_id = null;
function resetPasswd() {
  var UserID = current_id;
  console.log("UserID: ", UserID);
}

function resetUserID(){
	current_id = null;
}

$("a").on("click", function(){
	if($(this).data("toggle") === "modal"){
 		current_id = $(this).data("id");
  }
});