JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
        <div class="button">Клик</div>
    </div>

CSS

.main{
    width:100%;
    height: 100%;
    background: #ccc;
}

.main_active{
    background: #222;
}

.button{
    display: inline-block;
    margin: 100px;
    color: #000;
    background: green;
}

JavaScript

$(document).ready(function(){
       

    $('body').on('click', "$('.main >.button')", function(){$(this).toggleClass('main_active')}); 
                    
        
    });