JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block"></div>

<div class="actions">
    <button class="btn" data-value="red">red</button>
    <button class="btn" data-value="green">green</button>
    <button class="btn" data-value="blue">blue</button>
</div>

CSS

.block {
    height: 50px;
    margin-bottom: 20px;
    
    background: #ddd;
}

[data-style="red"] {
    background: red;
}

[data-style="green"] {
    background: green;
}

[data-style="blue"] {
    background: blue;
}

JavaScript

var block = $('.block');

$('.actions').on('click', '.btn', function() {
    
    var currStyle = block.attr('data-style'),
        newStyle = $(this).attr('data-value');
    
    block.attr('data-style', currStyle === newStyle ? '' : newStyle);
    
});