JSFiddle - React, Tailwind, and code Playground

HTML

<button id="button">>>Button <<</button>

<br><br>

<button id="enable" >Enable Button</a>
<button id="disable">Disable Button</a>

JavaScript

$('#button').click(function(e) {
    alert('active');
});

$('#enable').click(function(e) {
    allowClick('button');
});

$('#disable').click(function(e) {
    preventClick('button');
});

function preventClick(buttonID) {
    if ($('#' + buttonID).data('events').click != null) {
        $('#' + buttonID).data('events').saved_click = $('#' + buttonID).data('events').click;
        $('#' + buttonID).data('events').click = null;
    }
}

function allowClick(buttonID) {
    $('#' + buttonID).data('events').click = $('#' + buttonID).data('events').saved_click;
}