JSFiddle - React, Tailwind, and code Playground

HTML

<div class="UIDropDown">

    <a href="" class="button">button link</a>

    <ul class="submenu">
        <li><a href="">Item</a></li>
        <li><a href="">Item</a></li>
        <li><a href="">Item</a></li>
    </ul>

</div>

JavaScript

$(document).ready(function() {
    
    $('.UIDropDown .button').click(function(e){ e.preventDefault()});

    $('.UIDropDown').click(function () {

        $(this).addClass('active');


    });

});